【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,
      });
    },
相关推荐
LCG元2 小时前
STM32实战:基于STM32F103的Bootloader设计与IAP在线升级
javascript·stm32·嵌入式硬件
xixingzhe24 小时前
idea启动vue项目
java·vue.js·intellij-idea
前端一小卒4 小时前
前端工程师的全栈焦虑,我用 60 天治好了
前端·javascript·后端
coderyi6 小时前
LLM Agent 浅析
前端·javascript·人工智能
我叫黑大帅6 小时前
TypeScript 6.0 弃用选项错误 TS5101 解决方法
javascript·后端·面试
科雷软件测试6 小时前
使用python+Midscene.js AI驱动打造企业级WEB自动化解决方案
前端·javascript·python
We་ct6 小时前
LeetCode 120. 三角形最小路径和:动态规划详解
前端·javascript·算法·leetcode·typescript·动态规划
|晴 天|7 小时前
Vue 3 + LocalStorage 实现博客游戏化系统:成就墙、每日签到、积分商城
前端·vue.js·游戏
changshuaihua0019 小时前
React 入门
前端·javascript·react.js
掘金安东尼9 小时前
本周前端与 AI 技术情报|前端下一步 #462
前端·javascript·面试