使用 vue-clipboard2 復制到粘貼板
1.安裝vue-clipboard2
npm install --save-dev vue-clipboard2
2.main.js中添加
//復制到粘貼板插件
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">
復制鏈接
</button>
</div>
</template>
<script>
export default {
data() {
return {
copyUrl:'http://baidu.com'
};
},
methods: {
onCopy(e) {
console.log(復制成功！);
},
onError(e) {
console.log(復制失敗！);
}
}
};
</script>
