vue剪切板功能


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

使用 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失败!'
        }); 
      },
 
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM