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