題記
顧名思義城菊,就是要實(shí)現(xiàn)剪貼板功能,其實(shí)也就是一個(gè)插件clipboard
1. 安裝插件
npm install vue-clipboard2 --save
2. 全局注入(main.js)
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
3. 具體用法
v-clipboard:copy
是復(fù)制到剪貼板的內(nèi)容
v-clipboard:success
是復(fù)制成功的處理函數(shù)
v-clipboard:error
是復(fù)制失敗的處理函數(shù)
<el-button type="text"
icon = "el-icon-document-copy"
size="medium"
v-show="scope.row.one==='鏡像地址'"
v-clipboard:copy="copyMessage"
v-clipboard:success="onCopy"
v-clipboard:error="onError"></el-button>
// 剪貼板復(fù)制成功
onCopy: function () {
this.$message({message:'已復(fù)制',duration:1000});
},
// 剪貼板復(fù)制失敗
onError: function () {
this.$message({message:'復(fù)制失敗',duration:1000,type:"error"});
},
學(xué)廢了學(xué)廢了膊升,媽媽再也不用擔(dān)心我的學(xué)習(xí)??