vue项目中使用vue-clipboard2复制文本

效果图：

1. 使用npm install --save vue-clipboard2下载

2. 在项目的main.js中注册全局组件（也可以注册私有组件，根据项目自行判断）

main.js:

import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard);

3.使用

<div>
    <span>
       H5页面链接：{{url}}
        <span
          style="color:#169BD5;cursor: pointer;margin-left:10px"
          v-clipboard:copy="url"
          v-clipboard:success="onCopyUrl"
          v-clipboard:error="onErrorUrl"
         >复制链接</span>
    </span>
</div>

onCopyUrl() {
   this.$message.success("复制成功!");
 },
onErrorUrl() {
   this.$message.error("复制失败!");
 },

前端进阶精选：点此去