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();            }