感谢以下两个具有帮助性的博客:
/yunser/p/7628031.html
http://m./deeplies/article/details/77184933
在vue中使用clipboard.js 时候发现一个问题,就是如果 :data-clipboard-text= "wechat"使用这个属性的话在移动端就不生效,不知道为什么
<template><a href="javascript:;" @click="copyWx" :data-clipboard-text="wechat">复制微信</a></template>
只能写成这样,pc和移动端才都能支持,而且必须是button标签和input标签
<input id="foo" :value="invitorInfo.inviteUrl" type="text" v-show='false'><button class='btn' @click='copyWx' data-clipboard-action="cut" data-clipboard-target="#foo">点击</button>methods: {copyWx () {var clipboard = new Clipboard('.btn')clipboard.on('success', e => {alert('微信号已复制,请打开微信,点击右上角+号,选择添加朋友,粘贴搜索')// 释放内存clipboard.destroy()})clipboard.on('error', e => {// 不支持复制alert('浏览器不支持自动复制,请手动复制微信号')// 释放内存clipboard.destroy()})}},