1. 安装插件:

cnpm install vue-clipboard2 --save

2. 在main.js里面引入:

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

3. 在主页面使用:

<section class="form">
            <span class="url">链接地址</span>
            <button v-clipboard:copy="链接地址"
              v-clipboard:success="onCopy"
              v-clipboard:error="onError">
              复制链接
            </button>
          </section>

methods: {
    onCopy () {
      this.$message({
        message: `复制成功!`,
        type: 'success'
      });
      this.snackBar.info(this.$t('prompt.copySuccess'))
    },
    onError () {
      this.$message.error(this.$t('prompt.copyFail'))
    }
}

效果如下:

Logo

前往低代码交流专区

更多推荐