vue中点击按钮实现复制 vue-clipboard2

npm install --save vue-clipboard2

首先先安装并引入：

import Vue from 'vue'

import VueClipboard from 'vue-clipboard2';//引入复制功能插件

Vue.use(VueClipboard)；

html部分：

<input v-model="shareUrl" disabled="disabled">

<button type="button"  v-clipboard:copy="shareUrl" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</button>

js部分：

data中加入要复制的那个变量

shareUrl:'',

methods中加入

    onCopy:function(){

      //alert("复制成功")

    },

    onError:function(){

      alert("复制失败")

    },