Vue实现剪贴板复制功能

Vue实现剪贴板复制功能

一. 安装插件
第一种直接npm安装： npm install clipboard --save
第二种： （下载地址：https://clipboardjs.com/）
复制代码二. 全局注入（main.js）
import VueClipboard from ‘vue-clipboard2’

Vue.use(VueClipboard)

复制代码三. 封装方法方便多次使用
新建一个index.js文件里面存放项目会多次使用的方法
export default{
install(Vue,opstion){
//把方法写在vue原型方便调用
Vue.prototype.copy = function (value) {
this.$copyText(‘${value}`
).then( res => {
//这是element的Message 消息提示组件
this.KaTeX parse error: Expected 'EOF', got '}' at position 98: … }); }̲, err…message.error(“复制失败”);
}
);
},
}
}
复制代码四. 在需要复制的页面中调用copy方法


