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
~~~
';