我用到了clipboard.js
首先需要下载
npm install clipboard --save
在当前页面引用
import Clipboard from 'clipboard'
var clipboard = new Clipboard('.btn')
请求接口里的数据,把数据复制到用户粘贴板
在methods里写一个方法
getAPI(){
$.ajax({
type: "post",
dataType:'jsonp', //我请求的数据是jsonp格式的
url: "url", // 接口地址
success: function(res){
$(document).ready(function(){
$(document).click(function(){
clipboard.on('success', function (e) {
e.clearSelection()
})
$('.btn').attr("data-clipboard-text",res.text)
});
})
},
error: function(){
alert('fail');
}
});
}
在created中调用这个方法
this.getAPI()
html需要在body标签上面添加一个属性和类名
data-clipboard-text="" class='btn'
这样就ok啦!点击页面任意位置就能复制喽!