Click the button in vue to copy vue-clipboard2

npm install --save vue-clipboard2

First install and import:

import Vue from 'vue'

import VueClipboard from'vue-clipboard2';//Introduce copy function plugin

Vue.use(VueClipboard);

html part:

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

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

js part:

Add the variable to be copied in the data

shareUrl:'',

add in methods

    onCopy:function(){

      //alert("Copy successful")

    },

    onError:function(){

      alert("Copy failed")

    },

Guess you like

Origin blog.csdn.net/u012011360/article/details/106711046