【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,
      });
    },
相关推荐
AndrewHZ5 分钟前
【GIS数据处理】什么是Cesium?从零入门Web端三维地理可视化工具
javascript·gis·web开发·cesium·gis前端·三维地理可视化
GISer_Jing7 分钟前
Next.js 15 全栈开发实战指南
开发语言·javascript·ecmascript
+VX:Fegn08958 分钟前
计算机毕业设计|基于springboot + vue服装商城系统(源码+数据库+文档)
数据库·vue.js·spring boot
JIngJaneIL9 分钟前
基于Java在线考试管理系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot
凌康ACG9 分钟前
c++使用quickjs执行JavaScript
javascript·c++·quickjs
JIngJaneIL13 分钟前
基于Java音乐管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
接着奏乐接着舞19 分钟前
react hooks
前端·javascript·react.js
接着奏乐接着舞21 分钟前
react redux 分组
前端·javascript·react.js
脾气有点小暴26 分钟前
Vue2 与 Vue3 核心差异深度解析
javascript·vue.js
大猩猩X28 分钟前
vue vxe-gantt 甘特图实现产品进度列表,自定义任务条样式和提示信息
前端·javascript·甘特图·vxe-ui·vxe-gantt