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("复制失败")

    },

猜你喜欢

转载自blog.csdn.net/u012011360/article/details/106711046