vue复制内容到剪切板

1：安装依赖vue-clipboard2

注意：若安装了淘宝镜像则可以使用cnpm

npm install --save vue-clipboard2

2：在main.js文件中引入vue-clipboard2

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

3：在页面中使用（复制普通文本：复制sysAppIds的文本信息到剪切板上）

<template><div class="wxsmallcode-page publicCon"><div class="copyBox">sysAppId：<span>{{sysAppIds}}</span><el-button class="ml10" type="text" size="medium"v-clipboard:copy="sysAppIds"v-clipboard:success="onCopy"v-clipboard:error="onError">点击复制</el-button></div></template><script>export default {data(){return {sysAppIds: 'xxxxxxxxxxxsx'}},methods: {// 复制成功onCopy(e){console.log(e);},// 复制失败onError(e){alert("失败");},}}</script>