vue 使用vue-clipboard2用户复制链接

cnpm install --save vue-clipboard2



//要使用的页面
import Vue from "vue";
import VueClipboard from "vue-clipboard2";
Vue.use(VueClipboard);

// 
<el-button size="small" style="margin-left:18px" v-clipboard:copy="openUrl" v-clipboard:success="onCopyUrl" v-clipboard:error="onErrorUrl">复制链接</el-button>


onCopyUrl: function(e) {
 this.$message.success("复制成功!");
 },
onErrorUrl: function(e) {
   this.$message.success("复制失败!");
},

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章