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

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

Hkweb_

4826人浏览 · 2018-07-10 09:28:14

Hkweb_ · 2018-07-10 09:28:14 发布

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>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^