题记
顾名思义,就是要实现剪贴板功能,其实也就是一个插件clipboard
1. 安装插件
npm install vue-clipboard2 --save
2. 全局注入(main.js)
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
3. 具体用法
v-clipboard:copy
是复制到剪贴板的内容
v-clipboard:success
是复制成功的处理函数
v-clipboard:error
是复制失败的处理函数
<el-button type="text"
icon = "el-icon-document-copy"
size="medium"
v-show="scope.row.one==='镜像地址'"
v-clipboard:copy="copyMessage"
v-clipboard:success="onCopy"
v-clipboard:error="onError"></el-button>
// 剪贴板复制成功
onCopy: function () {
this.$message({message:'已复制',duration:1000});
},
// 剪贴板复制失败
onError: function () {
this.$message({message:'复制失败',duration:1000,type:"error"});
},
学废了学废了,妈妈再也不用担心我的学习👀