做时间岛的时候有一种类型是集体产品

这个码我们决定显示在订单页面和支付页面，但是由于码是纯数字构成，不方便记忆，所以需要有一个一键复制的功能

这个好办，引入一个插件就行了，忘记叫啥了，后面找到了再补上

然后页面里就这么写就行了

    
     下单识别码：
     {
   {detail.identifyCode}} 一键复制
    

js里写两个方法，一个onCopy，一个onError

onCopy: function (e) {    this.toastText = '复制成功';    this.$refs.toast.show();},onError: function (e) {    this.toastText = '无法复制文本';    this.$refs.toast.show();},

至于v-clipboard:copy里面就是你要复制的内容啦，这里我需要复制的下单识别码是detail.identifyCode，所以我要复制的也是这个

这样就复制到手机的剪切板里了，说得很啰嗦，执行起来很容易

但是粘贴就出问题了

我以为直接粘贴就行了，但是好死不死的微信浏览器里粘贴不好使

有个待实践的解决方案，值得一试

安卓上微信版本6.7.2上这个问题是没有的，升了一个小版本号就开始出现这个问题，怀疑是微信客户端的bug。解决方法倒是有个不合理的，因为如果input或者textarea中有文字的话，就可以长按出现剪切这种选择，所以可以在这些表单标签中添加一些提示文字，然后通过focus事件在获取焦点的时候直接选中文字，然后在长按出现复制选项。然而，我这边客户嫌麻烦所以我还没找到好方法

感谢@seedada