1.下载clipboard.js
cnpm install clipboard --save
2.引入,可以在mian.js中全局引入也可以在单个vue中引入
import Clipboard from 'clipboard';
3,在组件中使用
<van-list>
<van-cell v-for="item in list" :key="item" :title="item">
<van-button class="tag-read" :data-clipboard-text="item" @click="copy" size="mini">点击复制</van-button>
</van-cell>
</van-list>
js:
methods: {
//
copy() {
var clipboard = new Clipboard(".tag-read");
clipboard.on("success", e => {
this.$toast("复制成功"); //这里你如果引入了elementui的提示就可以用,没有就注释即可
// 释放内存
clipboard.destroy();
});
clipboard.on("error", e => {
// 不支持复制
this.$toast("该浏览器不支持自动复制");
// 释放内存
clipboard.destroy();
});
},}
网友评论