【nuxt】插件集合

1、复制粘贴vue-clipboard2

1、安装vue-clipboard2

复制代码
npm install vue-clipboard2

2、plugins/vueClipboard2.js

只要是 plugins下的js文件就行

html 复制代码
import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)

3、页面使用

html 复制代码
<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,
      });
    },
相关推荐
阿珊和她的猫1 小时前
Vue Router中的路由嵌套:主子路由
前端·javascript·vue.js
霸王蟹1 小时前
React 19中如何向Vue那样自定义状态和方法暴露给父组件。
前端·javascript·学习·react.js·typescript
shenyan~2 小时前
关于 js:9. Node.js 后端相关
前端·javascript·node.js
进取星辰3 小时前
31、魔法生物图鉴——React 19 Web Workers
开发语言·javascript·ecmascript
GISer_Jing3 小时前
Vue 和 React 状态管理的性能优化策略对比
vue.js·react.js·性能优化
HSunR4 小时前
vue3 elementplus tabs切换实现
javascript·vue.js·elementui
搏博4 小时前
WPS中代码段的识别方法及JS宏实现
开发语言·javascript·wps
三天不学习4 小时前
VueUse/Core:提升Vue开发效率的实用工具库
前端·javascript·vue.js·vueuse
好青崧4 小时前
等于和绝对等于的区别
javascript
半青年5 小时前
Qt图表库推荐指南与分析
c语言·开发语言·javascript·c++·qt·信息可视化