vue点击按钮复制链接地址

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'))
    }
}

效果如下：