使用插件 vue-clipboard2
进行文本的复制:
1.安装:npm i vue-clipboard2
2.在main.js中引入:
// 引入复制的插件
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
3.在组件中使用:
// DOM
<span v-clipboard:copy="'复制的文字'" v-clipboard:success="onCopy" v-clipboard:error="onError"/>
// methods
// 复制成功时的回调函数
onCopy(e) {
console.log('内容已复制到剪切板!')
},
// 复制失败时的回调函数
onError(e) {
console.log('抱歉,复制失败!')
}