1. 安裝vue-clipboard2
1. npm install --save-dev vue-clipboard2
2. main.js中添加 Vue掛載
//復(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>
轉(zhuǎn)載自 Vue 復(fù)制到粘貼板
浪客行1213的簡(jiǎn)書
xhh
