vue复制功能

 

<div class="wholeFlex dingDanMargin">
       <div class="dingDanFlex">
          <div>订单号：</div>
          <div>{{ item.orderId }}</div>
       </div>
       <div
          style="color: #c6654d; cursor: pointer"
          @click="duplicate(item.orderId)"
        >
          复制
      </div>
</div>

  data() {
    return {
      orderSn: "",
    };
  },

  duplicate(orderSn) {
      console.log(orderSn);
      navigator.clipboard.writeText(orderSn);
    },

 注意：我展示的参数名和复制的参数名不一样，但是复制的也是当前订单号。