Vue+复制文本到粘贴板

Vue+复制文本到粘贴板

问题：获取浏览器IP端口+请求接口拿到一个url地址，复制到粘贴板；

安装：

npm install --save vue-clipboard2

全局注入main.js： 

import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard)

HTML：

<div>
     <span v-clipboard:copy="'http://' + url + '/uploadFile' + list.url" v-clipboard:success="copySuccess" v-clipboard:error="copyFail">复制</span>
     // url:IP+端口号    list.url：接口拿到的地址
     // copySuccess和copyFail：复制成功或失败的回调函数
</div>

JS：

      // 复制链接成功
      copySuccess(e) {
        this.$message.success('复制成功链接' + e.text)
      },
      // 复制链接失败
      copyFail() {
        this.$message.success('复制失败')
      },

示例：