Element UI中el-input 组件 ,一般使用情况:
<el-input type="text" id="put" v-model="value" ></el-input>
el-input 添加点击事件,这样添加点击事件是无效的:
<el-input @click="copy">
正确的写法,需要使用v-on的修饰符.native,@click.native:
<el-input type="text" id="put" v-model="value" @click.native="copy"></el-input>
data:
data() {
return {
value: "点击我试试!",
count: 0
}
},
在methods方法中,添加触发点击:文章来源:https://www.toymoban.com/news/detail-601216.html
methods: {
copy_() {
var d = document.getElementById("put") //获取需要复制的元素
d.select() //选中
document.execCommand("copy") //直接复制
//打印结果: 点击我试试!
}
},
触发后,直接Ctrl+v/鼠标右击粘贴(就会显示复制的内容)!文章来源地址https://www.toymoban.com/news/detail-601216.html
到了这里,关于Vue 中input 点击复制其内容的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!