VUE点击复制组件
1.安装依赖npm install --save v-clipboard2.在main.js中引入import Vue from 'vue'import Clipboard from 'v-clipboard'Vue.use(Clipboard)3.Html<template>...
·
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)
}
}
}
更多推荐
已为社区贡献9条内容
所有评论(0)