关于vue项目中使用复制粘贴功能

1.使用npm安装

npm install clipboard --save

2.实例化

var clipboard = new Clipboard('.btn');//可通过任意选择器进行实例化
        clipboard.on('success', function(e) {//使用on绑定成功
            console.log(e);
        });
        clipboard.on('error', function(e) {//使用on绑定失败
            console.log(e);
        });

3.DOM

<el-input id="foo"v-model="uuuurl" placeholder="请点击生成链接" style="width:330px;height:30px;margin-left:23px;" ref="vas"></el-input>
 <el-button class="btn"  data-clipboard-action="copy" data-clipboard-target="#foo">复制链接</el-button>

猜你喜欢

转载自blog.csdn.net/Hkweb_/article/details/80980477