1.安裝
安裝vue-clipboard2
cnpm install vue-clipboard2 -S
2.main.js引用
import VueClipboard from 'vue-clipboard2';
Vue.use(VueClipboard);
3.組件內(nèi)部使用
<i
v-clipboard:copy="key"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
class="el-icon-document-copy"
/>
methods: {
onCopy(data) {
this.$notify({
title: '成功',
message: `${data.text}復制成功`,
type: 'success',
});
}
}
// 注意： onCopy不需要手動去填入回調(diào)的變量蒜撮，否則會直接出發(fā)copy方法
