复制内容到剪切板- Vue

一个小小的需求：table行内点击复制按钮，复制对应行的数据到剪切板，如图：

其他博主推荐有两种方式，亲测，只有这种是有效的且常用的，如果想看第一种方式，可以百度，很多相关文章。

操作步骤：

1. 安装插件

npm install vue-clipboard2 --save

2. 全局注册组件

在main.js中：

import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)

3. 代码使用

view代码块：（v-clipboard:copy设置要复制的值）

<template slot-scope="scope">
	<el-button
		size="mini"
		icon="el-icon-document-copy"
		v-clipboard:copy="scope.row.url"
		v-clipboard:success="onCopy"
		v-clipboard:error="onError"
	> 
		复制链接
	</el-button>
</templ