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);


  • 精彩推荐

  • 2019-04-10 17:25:21

    Joda-Time详解，最好用的java时间工具

    任何企业应用程序都需要处理时间问题。应用程序需要知道当前的时间点和下一个时间点，有时它们还必须计算这两个 时间点之间的路径。使用 JDK 完成这项任务将非常痛苦和繁琐。