ref & refs 的作用:用于获取dom元素或组件实例,也可用于组件组件间数据的获取和修改
ref & refs 与querySelector的区别:
● ref & refs 查找的范围是当前组件内,更加精确稳定
● querySelector 查找的范围是整个页面
获取dom的使用步骤:
1、目标标签添加ref属性
<div ref="chartRef">我是渲染图表的容器</div>
2、通过this.$refs.xxx,获取目标标签
mounted () {console.log(this.$refs.chartRef)
},
获取组件方法的步骤:
1、给目标组件添加ref属性
<BaseForm ref="baseForm"></BaseForm>
2、 通过this.$refs.xxx,获取目标组件,就可以调用组件中的方法
this.$refs.baseForm.resetForm()