vue中$refs的用法及作用详解
发布时间：2020-12-17 02:19:27 所属栏目：百科 来源：网络整理
导读：一般来讲，获取DOM元素，需 document.querySelector（".input1"） 获取这个dom节点，然后在获取input1的值。 但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的input上绑定input1，然后$refs里面调用就行。 然后在javascript里面这样调用： thi
|
一般来讲，获取DOM元素，需 但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的input上绑定input1，然后$refs里面调用就行。 然后在javascript里面这样调用： 用法如下: HTML: JS:
new Vue({
el: "#app",methods:{
add:function(){
this.$refs.input1.value ="test"; //this.$refs.input1 减少获取dom节点的消耗
}
}
})
下面给大家介绍下vue $refs的基本用法，具体代码如下所示： 一般来讲，获取DOM元素，需 但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的input上绑定input1，然后$refs里面调用就行。 然后在javascript里面这样调用：this.$refs.input1 这样就可以减少获取dom节点的消耗了 总结以上所述是小编给大家介绍的vue中$refs的用法及作用详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会 及时回复大家的。在此也非常感谢大家对编程之家网站的支持！ （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |