首页 > 其他 > 详细

vue 复制功能 复制到剪切板

时间:2019-09-29 13:12:22      阅读:109      评论:0      收藏:0      [点我收藏+]
首先 使用npm安装依赖
 
npm install --save vue-clipboard2
 
然后在main.js中注入
 
//复制到剪切板
import VueClipboard from ‘vue-clipboard2‘
Vue.use(VueClipboard)
 
 
最后在项目文件中使用
 
<span title="点击复制"
  v-clipboard:copy="你想要复制的内容"
  v-clipboard:success="成功后调用的事件"
  v-clipboard:error="失败后调用的事件"
  style="cursor: copy;"
  >{{scope.row.policyNo || ‘未知‘}}</span>
 

        // 复制成功
        onCopy() {
            this.$message.success("复制成功!")
        },

        // 复制失败
        onError() {
            this.$message.success("复制失败,请重试!")
        }

 
 

技术分享图片

 

 

技术分享图片

 

 

 技术分享图片

 

vue 复制功能 复制到剪切板

原文:https://www.cnblogs.com/king94Boy/p/11606821.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!