急！！！vue 使用clipboardjs 点击多次出来好多之前的？？？

Question

vue 使用clipboardjs 首次使用需要点击两次，之后再点击多次出来好多之前的？？？

copy() {

            var cx = this.tabfootlink;
            var btn = document.getElementsByClassName('tab-content');
               clipboard = new Clipboard(btn, {
                        text: function() {
                            return cx;
                        }
                    });
            clipboard.on('success', function(e) {
                console.log(e)
                alert('复制成功')
            });

copy是点击的method的点击方法

尝试过其他的加载实例会，也不行？在线等

Answer 1

var btn = document.getElementsByClassName('tab-content');

           clipboard = new Clipboard(btn, {
                    text: function() {
                        return cx;
                    }
                });
        clipboard.on('success', function(e) {
            console.log(e)
            alert('复制成功')
        });
        这段代码在页面初始化的时候就执行，
        clipboard这个变量作为整个应用的全局变量，只声明一次，
        在 clipboard = new Clipboard(btn, {
                    text: function() {
                        return cx;
                    }
                });
                之前加上，避免出现多次事件绑定
                if(clipboard){
                clipboard.destroy();
            }