实现点击复制功能

可以原生写
也可以 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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值