2023.07.12 | admin | 131次围观
vue 实现复制到粘贴板功能需要依赖到clipboard.js
1、 首先需要安装依赖 *出现错误的话,可以试试 cnpm
npm install --save vue-clipboard2
2、 安装成功之后就可以开始使用了
对于vue-cli
import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
对于常规的用法
3、 Dome的使用:
<template> <div class="wxsmallcode-page publicCon"> <div class="copyBox"> sysAppId:<span>{{sysAppIds}}span> <el-button class="ml10" type="text" size="medium" v-clipboard:copy="sysAppIds" v-clipboard:success="onCopy" v-clipboard:error="onError">点击复制el-button> div> template>
注:cnpm 为安装了淘宝镜像之后的命令工具
版权声明
本文仅代表作者观点。
本文系作者授权发表,未经许可,不得转载。
发表评论