vueClipboard2:一键复制插件的使用

2019-02-20  本文已影响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){}
}
上一篇 下一篇

猜你喜欢

热点阅读