本文介绍了如何在Vue.js中使用ref和$refs来获取DOM元素和组件实例，包括在模板中添加ref属性，以及在组件生命周期钩子中通过$refs访问它们并调用组件方法。
1. 作用
利用 ref 和 $refs 可以用于 获取 dom 元素, 或 组件实例
2. 获取 dom
使用步骤：
2.1 目标标签添加属性 :ref
<div ref="chartRef">我是渲染图表的容器</div>
2.2 通过$ref：获取标签
mounted() {
console.log(this.$refs.chartRef) // 打印查看标签
},
3. 获取组件
3.1 目标组件 – 添加属性 :ref
<BaseForm ref="baseForm"></BaseForm>
3.2 通过$ref：获取目标组件
- 可以使用目标组件调用组件对象里面的方法
this.$refs.baseForm.组件方法()
8630
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
