vue $refs基本使用
html<input type='text' ref='input1' /><button @click='add'> 添加数值</botton>jsmethods:{add:function(){//this.$refs.input1减少获取dom节点的消耗this.$refs.input1.value...
·
1.简单应用
html
<input type='text' ref='input1' />
<button @click='add'> 添加数值</botton>
js
methods:{
add:function(){
//this.$refs.input1 减少获取dom节点的消耗
this.$refs.input1.value ="10";
}
}
2.ref 加在子组件上,用this.$refs.(ref值) 获取到的是组件实例,可以使用组件的所有方法及data的变量。
3.如果通过v-for 遍历想加不同的ref时记得加 :号,即 :ref =某变量 ;
注意:ref需要在dom挂载后才能获取到,否则undefined
更多推荐
已为社区贡献12条内容
所有评论(0)