安装插件并引入
npm i --save vue-clipboard2
引入插件
import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
页面中使用
<i
class="el-icon-document-copy"
v-clipboard:copy="`${location}/#/safe?id=${item.id}&type=1`"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
></i>
import VueClipboard from 'vue-clipboard2';
import Vue from 'vue';
Vue.use(VueClipboard);
onCopy() {
this.$message({
message: '复制链接成功',
type: "success",
});
},
onError() {
this.$message({
message: '复制链接失败',
type: "error",
});
},