vue vue-clipboard2(vue复制功能)

时间:24-11-28 栏目:Javascript 作者:zongyan86 评论:0 点击: 122 次

1、安装

1
npm install --save vue-clipboard2

2、main.js引入

1
2
import VueClipboard from 'vue-clipboard2';
Vue.use(VueClipboard);

3、用法:

1
2
3
4
5
6
 <button class="but"
            type="primary"
            size="small"
            v-clipboard:copy="key"
            v-clipboard:success="onCopy"
            v-clipboard:error="onError">复制</button>
1
2
3
4
5
6
7
8
   onCopy(){
      let that=this;
      that.$copyText(this.linkValue).then(function (e) {
          that.$message.success('链接复制成功');
        }, function (e) {
          that.$message.error('链接复制失败');
      })
    },


声明: 本文由( zongyan86 )原创编译,转载请保留链接: vue vue-clipboard2(vue复制功能)

关注我们