IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    vue vue-clipboard2(vue复制功能)

    zongyan86发表于 2024-11-28 02:56:13
    love 0

    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('链接复制失败');
          })
        },

    声明: 本文采用 BY-NC-SA 协议进行授权 | WEB开发分享
    转载请注明转自《vue vue-clipboard2(vue复制功能)》



沪ICP备19023445号-2号
友情链接