$refs的用法及做用

获取DOM元素,通常用document.querySelector获取这个dom节点,而后在获取input的值app

可是用ref绑定以后,就不须要在获取dom节点了,直接在上面的input上绑定input1,而后$refs里面调用便可dom

this.$refs.input1  这样能够减小获取DOM节点的消耗this

<div id="app">
    <input type="text" ref="input1"/>
    <button @click="add">添加</button>
</div>
new Vue({
    el: "#app",
    methods:{
    add:function(){
         //this.$refs.input1  减小获取dom节点的消耗
        this.$refs.input1.value ="996";
        }
    }
})
相关文章
相关标签/搜索