vue复制内容到剪切板（通俗易懂）

vue复制内容到剪切板

首先需要安装（vue-clipboard2)

npm安装

npm install --save vue-clipboard2
//main.js中引入全局使用：
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)

HTML

//复制死内容
<div v-clipboard:copy="message" v-clipboard:success="onCopy" v-clipboard:error="onError">复制死内容</div>

//自定义复制内容
<div v-clipboard:copy="message" @click="test"  v-clipboard:success="onCopy" v-clipboard:error="onError">自定义复制内容</div>

JS

data(){
        return{
            message:'复制内容1'
        }
  },
   methods: {
    test:function(e){
    	this.message = '复制内容2'
    },
    onCopy(e) {
      alert('复制成功')
    },
    onError(e) {
      alert('复制失败')
    },
   },

有什么问题欢迎评论留言，我会及时回复你的