提要:最近写项目的时候遇到这种需求,特此记录!
场景:
使用步骤:
安装:
npm install --save vue-clipboard2
文档链接:https://www.npmjs.com/package/vue-clipboard2
项目引入:
## mian.js 下 全局引入
import VueClipboard from 'vue-clipboard2';
Vue.use(VueClipboard)
使用:
<p class="word">
<span class="text">{{text}}</span>
<button class="copy"
v-clipboard:copy="text"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
>复制
</button>
</p>
## js
methods:{
onCopy(e){
alert("复制成功")
},
onError(){
alert("复制失败")
}
}