在VUE里面使用vue-clipboard2(剪切板插件)

teaxia
2019-06-14 / 0 评论 / 145 阅读 / 正在检测是否收录...
npm install --save vue-clipboard2

使用NPM管理安装vue-clipboard2后,在vue的main.js里面,引入

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

至此,插件引入完毕;
使用方法

v-clipboard:copy="需要复制的内容"

  v-clipboard:success="onCopy" // 复制成功的回调

  v-clipboard:error="onError" // 复制失败的回调

比如点击按钮,然后复制的话,可以这样使用

<button v-clipboard:copy="需要复制的内容" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</button>
0

评论 (0)

取消