13.Vue+Element UI實現復制內容

1. 安裝依賴包：

　　npm  install vue-clipboard2  --save

 

2. main.js中引入

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

3.頁面中使用：

　　<el-input v-model="address" :title="address"></el-input> （:title的變量address需要在data中聲明一個）
　　<a v-clipboard:copy="address" v-clipboard:success="onCopy" v-clipboard:error="onError">復制</a> (此處的:copy對應的數據跟要復制內容的變量是一致的)

4.Methods下的兩個方法：
　　onCopy(e){ 　　 // 復制成功
　　　　this.$message({
　　　　　　message:'復制成功！',
　　　　　　type:'success'
　　　　})
　　},
　　onError(e){　　 // 復制失敗
　　　　this.$message({
　　　　　　message:'復制失敗！',
　　　　　　type:'error'
　　　　})
　　},