定義全局方法哗讥、并掛載:找到main.js,封裝function,并且掛載到vue原型上(prototype)
Vue.prototype.copy=function (id) {
// 創(chuàng)建input框
var input = document.createElement("input");
input.value = id; // 將調(diào)用方法穿入進(jìn)來的值賦給input
document.body.appendChild(input); // 將input添加到body中
input.select(); // 選中文本
document.execCommand("copy"); // 調(diào)用瀏覽器復(fù)制方法、復(fù)制成功
this.$message({ // 利用element彈出成功提示
type: 'success',
message: '復(fù)制成功'
});
input.remove(); // 成功后刪除input,防止影響其他元素
}
在組建中通過this調(diào)用方法:在任一組建中都可使用
<span @click="copy(傳入復(fù)制的內(nèi)容)">點(diǎn)我復(fù)制</span>