【Vue】ref和refs获取dom元素或组件实例

当前组件内(更精确稳定)，获取dom元素或组件实例

获取dom

目标标签 - 添加ref属性

<div ref="chartRef">渲染图表的容器</div>

再mounted后 ，通过this.$refs.xxx获取目标标签

mounted(){
	console.log(this.$refs.chartRef)
}

获取组件实例

目标标签 - 添加ref属性

<BaseForm ref="baseForm"></BaseForm>

通过this.$refs.xxx，获取组件并调用组件方法

this.$refs.baseForm.组件方法()