Vue+复制文本到粘贴板

Vue+复制文本到粘贴板

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

安装:

npm install --save vue-clipboard2

全局注入main.js: 

import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard)

HTML:

复制 // url:IP+端口号 list.url:接口拿到的地址 // copySuccess和copyFail:复制成功或失败的回调函数

JS:

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

示例:

你可能感兴趣的:(Vue,vue,js)