vue中粘贴板clipboard的使用方法

安装clipboard ： npm install clipboard --save
在模板文件中引入： import Clipboard from “clipboard”
具体使用： (这里我用的表格)

 <el-table :data="gridData" border><el-table-columnprop="documentPath"property="date"label="文件位置"width="600"></el-table-column><el-table-column property="name" label="操作"><template slot-scope="scope"><div><el-buttontype="success"size="mini"class="copy-qb"@click="copyQbUrl(scope.row.documentPath)">复制链接</el-button></div></template></el-table-column></el-table>
// 首先请求后台接口，拿到数据赋值给gridData// 调用的方法 copyQbUrl(url) {let clipboard = new Clipboard('.copy-qb', {text: () => {return url}})clipboard.on('success', () => {this.$message.success('复制成功！')clipboard.destroy()})clipboard.on('error', () => {this.$message.error('该浏览器不支持自动复制,请手动复制！')clipboard.destroy()})}