美文网首页
vueClipboard2:一键复制插件的使用

vueClipboard2:一键复制插件的使用

作者: 汶沐 | 来源:发表于2019-02-20 16:55 被阅读0次

在package.json里面的dependencies加入:
"vue-clipboard2": "^0.2.1"
或者使用npm:
npm i vue-clipboard -S
在main.js里引入:

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

在*.vue页面里调用:

<div type="button"
       v-clipboard:copy="复制内容"
       v-clipboard:success="onCopy(成功回调)"
       v-clipboard:error="onError(失败回调)" class="btn">一键复制
</div>

*.vue页面script里的methods写回调:

methods: {
    onCopy:function(e){},
    onError:function(e){}
}

相关文章

网友评论

      本文标题:vueClipboard2:一键复制插件的使用

      本文链接:https://www.haomeiwen.com/subject/lcghyqtx.html