Vue获取节点this.$refs.xxx

vue获取节点this.$refs.xxx

相当于原生DOM里的document.querySelector（".input1"）

1. 在html里给标签添加标签名 ref=“xxx”

<div id="app">
  <input type="text" ref="input1"/>
  <button @click="add">添加</button>
</div>

用在模板里

<el-form :model="form" status-icon :rules="rules" ref="form">
...
</el-form>

2. 在js里使用

new Vue({
    el: "#app",
    methods:{
    add:function(){
        this.$refs.input1.value ="22"; //this.$refs.input1  减少获取dom节点的消耗
        }
    }
})