出现这种情况,需要检查一下以下事项

1.ts类型声明和html里写的是否一致

1.1举例如下,子组件代码需要注意事项,子组件调用父组件方法,点击传参给父组件,在父组件触发一些时间,当前this指向是父组件的this

<button  (click)="sentToParent(data)">点击传参给父组件,在父组件触发一些时间,当前this指向是父组件的this</button>

 @Input()
public childObjData = {
a: '',
b: '',
c: [],
d: [],
e: []
}
@Output()
private outer : EventEmitter<any> = new EventEmitter(); // 注意此处的类型声明格式 sentToParent(e) {
// this.bottomTable.pageNo = e
this.outer.emit(e)
}

1.2父组件传参给子组件

<child-component class="my-child-component" [childObjData]="sendToChildObjData"  (outer)="fromChildEvent($event)"></child-component>

  sendToChildObjData = {
a: '',
b: '',
c: [],
d: [],
e: []
} fromChildEvent(e) {
// console.log(e)
// 此处的this是父组件的this
this.XXXX()
}

2.父子组件传参,注意格式

下面是父组件的,注意一下传参的() 和 [],不要写错了

 <child-component class="my-child-component" [childObjData]="childObjData"  (outer)="childEent($event)"></child-component>

3.检查一下VScode控制台里PROBLEMS里有没有一些问题没有处理的~~

最新文章

  1. iOS项目相关@AFN&amp;SDWeb的二次封装
  2. Java和C++的虚函数的异同
  3. ENVI【遥感图像预处理之图像的几何校正】
  4. Struts中的OGNL和EL表达式笔记
  5. iReport —— A4打印,只占纸张的一半,如何解决
  6. Samples DataBind FastJson循环引用问题
  7. 【转】Android HAL实例解析
  8. maven GroupID和ArtifactID填什么
  9. 开源OCR光学字符识别
  10. 一个测试SQL2005数据库连接JSP档
  11. Visual Studio 2015使用EF6的CodeFirstFromDB模式操作Sqlite数据库时Provider问题
  12. 最新最全的html5标签集合
  13. 多年心愿,终于完成,热泪盈眶啊。。。Adrew NG 的 机器学习
  14. 弹出浮层css+JQuery
  15. C语言程序设计第五次作业——循环结构
  16. shell的输入和输出
  17. 基于E-R模型的关系型数据库设计方法
  18. Lenovo System x3650 设置管理接口地址
  19. 【转载】C++ vector的用法
  20. Nginx详解十三:Nginx场景实践篇之防盗链

热门文章

  1. AgileBoot - 如何集成内置数据库H2和内置Redis
  2. pta第二次博客
  3. 栈溢出漏洞利用流程——以syncbrs为例
  4. springboot项目整合-注册功能模块开发
  5. 嵌入式-C语言基础:怎么样使得一个指针指向固定的区域?
  6. 嵌入式-C语言基础:指针是存放变量的地址,那为什么要区分类型?
  7. 基于python的数学建模---二维插值的三维图
  8. FluentFTP能连接却报未将对象引用设置到对象的实例。
  9. 初探Java安全之JavaAgent
  10. 【基础语法规范】BC1:Hello Nowcoder