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

            }