vue 中 使用 clipboard.js 复制内容点击两次才能成功问题

首先是进入页面之后 clipboard 没有创建实例 ，再点击复制之后才开始创建实例，创建实例之后并没有完成复制

解决办法 在 updated 方法里创建 clipboard 实例

为什么要在 updated 方法里创建  ？

因为要保证页面元素渲染完成 并且能成功拿到任何一个html 元素

updated(){
     let text = ''
     this.clipboard = new ClipboardJS(this.$refs.copys,{
         text: function() {
            return text;
         }
    });
},


//this.$refs.copys 是页面元素


methods:{
    copys(){
        this.clipboard.on('success', function(e) {
            alert("复制成功")
        });
        this.clipboard.on('error', function(e) {
            alert('您的浏览器不支持点击复制')
        });
    }
}