1. 程式人生 > >關於vue專案中使用複製貼上功能

關於vue專案中使用複製貼上功能

1.使用npm安裝

npm install clipboard --save

2.例項化

var clipboard = new Clipboard('.btn');//可通過任意選擇器進行例項化
        clipboard.on('success', function(e) {//使用on繫結成功
            console.log(e);
        });
        clipboard.on('error', function(e) {//使用on繫結失敗
            console.log(e);
        });

3.DOM

<el-input id="foo"v-model="uuuurl" placeholder="請點選生成連結" style="width:330px;height:30px;margin-left:23px;" ref="vas"></el-input>
 <el-button class="btn"  data-clipboard-action="copy" data-clipboard-target="#foo">複製連結</el-button>