vue复制input框里面的内容
程序员文章站
2022-03-03 09:07:29
...
methods: {
copyShaneUrl(shareLink){
var input = document.createElement("input"); // 直接构建input
input.value = shareLink; // 设置内容
document.body.appendChild(input); // 添加临时实例
input.select(); // 选择实例内容
document.execCommand("Copy"); // 执行复制
document.body.removeChild(input); // 删除临时实例
}
}
body中:
<input v-model="axios" />
<button @click="copy">复制</button>
data中:
data:{
return{
axios:""
}
}
methods中
methods: {
copyShaneUrl(shareLink){
var input = document.createElement("input"); // 直接构建input 固定
//引入上面data里面的数据
input.value = this.axios; // 设置内容 非固定
document.body.appendChild(input); // 添加临时实例
input.select(); // 选择实例内容
document.execCommand("Copy"); // 执行复制
document.body.removeChild(input); // 删除临时实例
}
}
上一篇: web页面的点对点复制粘贴