vue 用js复制内容

1. (自己项目中用到的是这个)
<a id="btn" data-clipboard-text="要复制的内容">复制淘口令</a>
mounted(){

//实例化
let clipboard = new Clipboard('#btn');
//复制成功执行的回调
clipboard.on('success', (e)=> {
    console.log(e);
});

//复制失败执行的回调
clipboard.on('error', (e)=> {
    console.log(e);
});

}
2.

、指定复制目标

    <div id="target">需要复制的内容</div>
    <div id="btn">点击复制</div>

    let clipboard = new Clipboard('#btn',{
        target: ()=>document.querySelector('#target');
    });

3.指定复制内容

    let clipboard = new Clipboard('#btn',{
        text: ()=>"这里是需要复制的内容";
    });

4.剪切功能
在html里 通过data-clipboard-action属性指定。

    <button class="btn" data-clipboard-action="copy">复制</button>
    <button class="btn" data-clipboard-action="cut">剪切</button>

5、清理Clipboard对象：

    let clipboard = new Clipboard('.btn');
    clipboard.destroy();