js - 复制功能

• 通过创建input实现复制功能
  html部分

 <span class="content-detail" v-text="copyContent"></span>
 <span class="opt-con" @click="copyFunc(copyContent)">copy</span>

js 部分

 data () {
    return {
      downloadName: 'temp.xlsx',
      copyContent: '皮洛曹总长不大',
    }
 },
methods: {
   copyFunc(copyData) {
      // 创建input标签
      const ElInput = document.createElement('input');
      ElInput.value = copyData;
      document.body.appendChild(ElInput);
      // 执行选中命令
      ElInput.select();
      // 浏览器执行复制命令
      document.execCommand("Copy");
      // 不在页面中展示
      ElInput.style.display = 'none';
      document.body.removeChild(ElInput);
      this.$message.success('复制成功');
    }
}