其他分享
首页 > 其他分享> > 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>


 

标签:vue,clipboard,onError,复制粘贴,PhoneNums,复制,clipboard2,文本
来源: https://blog.csdn.net/weixin_42307283/article/details/112870049