首页 > 其他 > 详细

vue剪切板功能

时间:2020-09-27 17:02:16      阅读:34      评论:0      收藏:0      [点我收藏+]

项目中用到了点击一个按钮,复制一段文字的功能

使用 vue-clipboard2

 

安装:使用下面的方式或者在package.json中配置好后 直接npm install

    npm install --save vue-clipboard2

在main.js中配置:

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

vue页面中使用:

  <template slot-scope="scope">
        <el-button 
               type="text" size="mini"
               v-clipboard:copy="scope.row.name"
               v-clipboard:success="copySuccess" 
                v-clipboard:error="onError">
                复制测点ID
        </el-button>                    
   </template>
 
    copySuccess(e) {
        this.$message({
          type: ‘success‘,
          message: ‘复制测点ID成功!‘
        });      
      },
 
      onError(e) {
        this.$message({
          type: ‘error‘,
          message: ‘复制测点ID失败!‘
        }); 
      },
 
 

vue剪切板功能

原文:https://www.cnblogs.com/zuojiayi/p/13740282.html

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