vue项目如何实现复制粘贴剪切板功能–vue-clipboard2

安装

npm i vue-clipboard2 -S

引入

import VueClipboard  from 'vue-clipboard2'
Vue.use(VueClipboard)

复制一个变量的值

<el-button class="copy_"  @click="copyed_herf">复制</el-button>

js

copyed_herf(){
    this.$copyText(this.hrefUrl).then(e=>{
	  	this.$message({type:'success',message:'复制成功'});
	},e=>{
		this.$message({type:'error',message: '复制失败'});
	  })
    }