component — 父组件操作子组件
最后更新于:2022-04-02 08:07:27
>[success] # 父组件操控子组件
~~~
1.上面的案例讲解了父传子,将组件的一些内容传递到子组件,进行控制操作
2.讲到了子传父,子组件通过变相控制父组件方法,进而控制父组件
3.这个案例讲解如何父组件控制子组件
~~~
>[danger] ##### 案例 -- 加载显示等待图案
~~~
1.我们可以吧ajax 请求时候加载的等待内容做成子组件
2.在父组件ajax 请求完毕后控制子组件进行隐藏
3.这里面给子组件加了ref,父组件去调用 储存的ref,其实拿到的是整个,
子组件的Vue实例,因此可以变相的控制子组件的内容
4.在要获取的标签上备注ref 自定义属性
5.通过this.$refs.属性名称获取
6.利用this.$ref 也可以获取到对应子组件的data 和 methods 里面的属性和方法
7.需要注意的是:
7.1.如果你把它作用到普通 HTML 标签上,则获取到的是 DOM
7.2.如果你把它作用到组件标签上,则获取到的是组件实例
~~~
~~~
Examples
~~~
';