vue项目之复制粘贴文本

运用场景:当需要粘贴选中一大段文字时

vue项目之复制粘贴文本

 

插件 vue-clipboard2

//安装

yarn add vue-clipboard2

npm install --save vue-clipboard2

 

//在main.js中引入

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

 v-clipboard:copy="PhoneNums"   PhoneNums就是你要复制的内容

v-clipboard:success="onCopy"    onCopy就是复制成功的回调方法  复制成功就可以粘贴了
v-clipboard:error="onError"          onError就是复制失败的回调方法

//放在你需要出发复制的地方

 <el-button 
     type="primary" 
     size="mini"
     v-clipboard:copy="PhoneNums"
     v-clipboard:success="onCopy"
     v-clipboard:error="onError"
  >
        复制全部
  </el-button>


 

上一篇:clipboard.js 实现动态复制(列表根据接口返回数据复制不同的 文字+图片)


下一篇:最好用的html复制插件——Clipboard.js