点击复制指定文本

原生js

<div class="exchange">
    <div>兑换码：CRC10001</div>
    <div id="copyCode" class="copyCode">复制</div>
</div>

$("#copyCode").click(function(){
        var copyipt = document.createElement("input");
        var text = "CRC10001";
        copyipt.setAttribute("value", text);
        document.body.appendChild(copyipt);
        copyipt.select();
        document.execCommand("copy");
        document.body.removeChild(copyipt);
		layer.msg('复制成功')

	})

vue

//下载依赖包
npm install --save vue-clipboard2

//main.js中添加
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)

<div class="exchange">
     <div>兑换码：CRC10501</div>
     <div @click="copy" class="copyCode">复制</div>
</div>

menthods:{
    copy() {
    //参数是复制的内容
    //.then()中的函数是复制成功和复制失败的两个回调函数
      this.$copyText('CRC10501').then(
        (e) => {
          this.$message.info("复制成功")
          console.log(e);
        })
    },
}