vue获取子组件数据的三个方法

2019-11-26 15:27:50

1.this.$emit ，子传父

2.this.$children属性

this.$children返回的是数组

例子：

//获取子组件数据
       console.log(this.$children[0].cdata);
 //调用子组件方法
    this.$children[0].cmethod()

 

3.通过this.$refs获取组件

 //获取子组件数据
       console.log(this.$refs.test.cdata);
//调用子组件方法
    this.$refs.test.cmethod()

 

4.this.$parent获取父组件数据

this.$parent返回的是对象，this.$children返回的数组

例子：

 console.log(this.$parent.pdata);


  • 精彩推荐

  • 2020-01-30 11:19:58

    Android中添加两个（多个）FileProvider节点问题

    我们知道在android7.0，修改了对私有存储的限制，导致在获取资源的时候，不能通过Uri.fromFile（..）来获取uri了，但是在写入数据的时候是可以通过Uri.fromFile（..）来获取uri的，android 官网给出的解决办法是通过FileProvider来解决这一问题，我们需要在AndroidManifest.xml 配制provider节点。

  • 2020-02-02 15:40:36

    Apache Commons IO之IOUtils优雅操作流

    在开发过程中，你肯定遇到过从流中解析数据，或者把数据写入流中，或者输入流转换为输出流，而且最后还要进行流的关闭，原始jdk自带的方法写起来太复杂，还要注意各种异常，如果你为此感到烦恼，那IOUtils可以让我们优雅的操作流。

  • 2020-02-02 19:24:38

    百度视频SDK，突然不能播放

    开发过程中，不知道什么时候开始视频不能播发了，怎么办都不行，其他项目没问题，线上都也没有问题，这可急躁完蛋我了，整了仨小时，还是那熊样。 哎。

  • 2020-02-04 18:43:10

    AssetManager.finalize() Timed Out 解决办法以及分析

    在我们的项目崩溃中，有一个比较常见的bug，就是 java.util.concurrent.TimeoutException android.content.res.AssetManager.finalize() timed out after 10 seconds 意思简单明了，就是说在AssetManager析构的时候发生了超时异常。