1.安裝vue-clipboard2
npm install --save-dev vue-clipboard2
2.main.js中添加
//復(fù)制到粘貼板插件
import VueClipboard from 'vue-clipboard2'
VueClipboard.config.autoSetContainer = true
Vue.use(VueClipboard)
3.文件中使用
<template>
<div>
<input type="text" v-model="copyUrl" />
<button type="button" class="btn"
v-clipboard:copy="copyUrl"
v-clipboard:success="onCopy"
v-clipboard:error="onError">
復(fù)制鏈接
</button>
</div>
</template>
<script>
export default {
data() {
return {
copyUrl:'http://baidu.com'
};
},
methods: {
onCopy(e) {
console.log(復(fù)制成功容为！);
},
onError(e) {
console.log(復(fù)制失敱瓶稀域蜗！);
}
}
};
</script>
