1.安装依赖
    npm install --save v-clipboard
     
    2.在main.js中引入
    import Vue from 'vue'
    import Clipboard from 'v-clipboard'
    Vue.use(Clipboard)
     
    3.Html
    <template>
      <button
        v-clipboard:copy="text"
        v-clipboard:success="onCopy" 
        v-clipboard:error="onError">我是复制按钮</button> 
    </template>
    export default {
       data() {
          return {
             text:'我是被复制的内容'
          }
       },
       methods: {
          // 复制成功回调 
          onCopy({ val, e }){
             console.log('success', val);
          },
          // 复制失败回调 
          onError({ val, e }) {
             console.log('error', val)
          }
        }
    }
Logo

前往低代码交流专区

更多推荐