vue 中复制到剪贴板功能 v-clipboard

1.在vue 官网 --生态系统--Vue资源 找到里面的 v-clipboard

vue 中复制到剪贴板功能 v-clipboard_第1张图片vue 中复制到剪贴板功能 v-clipboard_第2张图片

 2. 在文档里面有具体的使用步骤

1.安装依赖
npm install --save v-clipboard

2.在main.js中引入
import Vue from 'vue'
import Clipboard from 'v-clipboard'

Vue.use(Clipboard)

3.使用



export default {
   data() {
      return {
         value:'[email protected]'
      }
   },
   methods: {
      // Success event handler 
      clipboardSuccessHandler ({ value, event }){
         console.log('success', value);
         this.$message.success("已复制");
      },
      // Error event handler
      clipboardErrorHandler ({ value, event }) {
         console.log('error', value)
      }
    }
}

 

你可能感兴趣的:(Vue)