点击页面任意位置复制命令到用户粘贴板

我用到了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啦！点击页面任意位置就能复制喽！