可以原生写
也可以 vue-clipboard2 (好像就是clipboard.js)
全局安装就行
看起来是这样用:
<button type="button"
v-clipboard:copy="message"
v-clipboard:success="onCopy"
v-clipboard:error="onError">Copy!</button>
看起来是message是被copy的
但是,问题很大,绑定的很奇怪…… 不是和button强绑的??点击没用,而且不停自己调用
后面换成手动:
还是这样方便可控!!!上面都不知道在干吗 @click它不好吗
<button type="button" @click="doCopy">Copy!</button>
doCopy: function () {
this.$copyText(this.message).then(function (e) {
alert('Copied')
console.log(e)
}, function (e) {
alert('Can not copy')
console.log(e)
})
}
````
参考 直接看这个npm的网址
https://www.npmjs.com/package/vue-clipboard2
https://blog.csdn.net/q95548854/article/details/100573124