vue自定义组件添加点击事件,vue 复制功能

1.安装依赖 npm install --save v-clipboard 2.在main.js中引入 import Vue from 'vue' import Clipboard from 'v-clipboard' Vue.use(Clipboard) 3.Html <template> <button v-clipboard:copy="text" v-clipboard:success="onCopy" v-clipboard:error="onError">我是复制按钮</button> </template> export default { data() { return { text:'我是被复制的内容' } }, methods: { // 复制成功回调 onCopy({ val, e }){ console.log('success', val); }, // 复制失败回调 onError({ val, e }) { console.log('error', val) } } }