方法封装
export function copyFun(str) {
var _input = document.createElement("input"); // 直接构建input
_input.value = str; // 设置内容
document.body.appendChild(_input); // 添加临时实例
_input.select(); // 选择实例内容
document.execCommand("Copy"); // 执行复制
document.body.removeChild(_input); // 删除临时实例
}
export default {
copyFun
}
方法引用
import copy from "@/utils/copy.js"
方法调用
copyInfo(item) {
copy.copyFun(item.copys)
this.$message.success('复制成功')
}
如果不进行方法封装,也可以直接使用:
methods: {
copyFun(str){
var input = document.createElement("input"); // 直接构建input
_input.value = str; // 设置内容
document.body.appendChild(_input); // 添加临时实例
_input.select(); // 选择实例内容
document.execCommand("Copy"); // 执行复制
document.body.removeChild(_input); // 删除临时实例
}
}
html
<div v-for="(item, index) in itemList">
<a @click="copyFun(item.copys)">点击复制</a>
</div>