vue中使用vue-clipboard2实现复制功能

1、下载


npm install --save vue-clipboard2

2、在main.js中引入


import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard);

3、去使用


<el-input
   :disabled="true"
   v-model="enterpriseForm.address"
></el-input> 
<el-button v-clipboard:copy="enterpriseForm.address" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
              

onCopy(e) {
    
    
      this.$notify({
    
    
        title: "提示",
        message: "复制成功",
        type: "success",
        duration: 1000,
      });
    },
onError(e) {
    
    

}
    

猜你喜欢

转载自blog.csdn.net/lannieZ/article/details/114625113