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


  • 精彩推荐

  • 2017-03-11 08:39:13

    mysql存在就更新，否则插入

    ，如果要在插入的时候先判断插入的数据是否存在数据库中，那每一次插入之前都要进行一次select的操作，这样效率不高？如何优化蛤？

  • 2017-03-13 12:07:19

    JavaScript原型与原型链分析

    JavaScript没有类的概念，但几乎所有的东西又是基于对象的，同时也能实现继承，这就是js跟其他OOP语言最大的不同之处，这也是js最难理解的一块。下面我来说说我个人的理解。

  • 2017-03-15 07:43:19

    NodeJS服务器”热部署“代码，实现动态调试

    如果你有 PHP 开发经验，会习惯在修改 PHP 脚本后直接刷新浏览器以观察结果，而你在开发 Node.js 实现的 HTTP 应用时会发现，无论你修改了代码的哪一部份，都必须终止Node.js 再重新运行才会奏效。这是因为 Node.js 只有在第一次引用到某部份时才会去解析脚本文件，以后都会直接访问内存，避免重复载入，而 PHP 则总是重新读取并解析脚本(如果没有专门的优化配置)。