【nuxt】插件集合

1、复制粘贴vue-clipboard2


1、安装vue-clipboard2

npm install vue-clipboard2


2、plugins/vueClipboard2.js

只要是 plugins下的js文件就行

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


3、页面使用

<el-button
         size="mini"
         type="text"
         ref="copyButton"
         v-clipboard:copy="scope.row.copy"//要复制的数据
         v-clipboard:success="onCopy"//复制成功的回调
         v-clipboard:error="onError"//复制失败的回调
        >复制 
</el-button>
 
 
 
onCopy() {
      this.$notify({
        type: "success",
        position: "bottom-left",
        message: "复制成功",
        duration: 2000,
        offset: 100,
      });
    },
    onError() {
      this.$notify({
        type: "success",
        position: "bottom-left",
        message: "复制shibai",
        duration: 2000,
        offset: 100,
      });
    },

猜你喜欢

转载自blog.csdn.net/Qxn530/article/details/132871946