一. 下载插件
npm install --save vue-clipboard2
二. main.js
import VueClipBoard from 'vue-clipboard2'
Vue.use(VueClipBoard)
三. 使用
html部分 点击查看代码
<el-button
size="mini"
type="text"
icon="el-icon-document-copy"
v-clipboard:copy="scope.row.productName"
v-clipboard:success="productNameCopySuccess"
v-clipboard:error="productNameCopyError"
>复制名称</el-button
> js部分 点击查看代码
productNameCopySuccess(e){
this.$modal.msgSuccess("复制名称成功,内容如下: "+ e.text);
},
productNameCopyError(e){
this.$modal.error("复制名称失败");
},
手机扫一扫
移动阅读更方便
你可能感兴趣的文章