2021/9/14 vue中点击按钮复制内容

html

 <span style="display: block" v-show="isALBY">
    <el-button class="circle" @click="copyNum('١')">١</el-button>
    <el-button class="circle" @click="copyNum('٢')">٢</el-button>
    <el-button class="circle" @click="copyNum('٣')">٣</el-button>
    <el-button class="circle" @click="copyNum('٤')">٤</el-button>
    <el-button class="circle" @click="copyNum('٥')">٥</el-button>
    <el-button class="circle" @click="copyNum('٦')">٦</el-button>
    <el-button class="circle" @click="copyNum('٧')">٧</el-button>
    <el-button class="circle" @click="copyNum('٨')">٨</el-button>
    <el-button class="circle" @click="copyNum('٩')">٩</el-button>
    <el-button class="circle" @click="copyNum('٠')">٠</el-button>
 </span>

js

    //复制阿拉伯数字
    copyNum(a) {
      console.log(a);
      const input = document.createElement("input");
      document.body.appendChild(input);
      input.setAttribute("value", a);
      input.select();
      if (document.execCommand("copy")) {
        document.execCommand("copy");
      }
      document.body.removeChild(input);
    },