欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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);  // 删除临时实例
    }
 }