在使用Tab+TabContent 组件时，遇到数据内容变更不达预期，排查与解决问题过程如下：

1.问题描述

img


期望：点击更新数据按钮，tab和TabContent的内容同时更新

img


实际：第一次点击tab更新了，TabContent未更新，第二次点击TabContent才正常更新

img

2.问题分析

使用@Watch 装饰器监听数据变化，添加日志观察数据变化，debug调试，排查具体原因，发现数据变更后又被重置回来了。分析后发现是foreach重新渲染将改变后的数据覆盖了

3.解决过程

（1）防止foreach重新渲染：button的点击事件只改变数据项中的title
仅修改这一步发现：TabContent没被覆盖，正常改变了，但是tab中的title值没有变化，因为CustomBuilder中两个参数无法检测到变化
（2）将tabBar中CustomBuilder的参数放入到子组件中进行渲染

Logo
欢迎加入Laval社区

社区规范：仅讨论OpenHarmony相关问题。

更多推荐

openharmony以太网网卡驱动剖析

Linux网络设备驱动架构 驱动架构自上而下分为4层： 协议接口层 设备接口层 设备驱动功能层 网络设备与媒介层 协议接口层 协议接口层主要功能是给上层协议提供接收和发送的接口。当内核协议栈需要发送数据时，会通过调用 dev_queue_xmit 函数来发送数据。 dev_queue_xmit执行流程 同样内核协议栈接收数据

avatar Laval社区

常见的JS error问题总结

TypeError类 表示变量或者参数不是预期的类型，大概率变量或者参数赋值时候异常，导致为underfind类型了，如对非对象类型使用对象方法underfind.method()。可以检查报错的变量或者参数赋值时候否异常。 应用规避处理方法： 判空处理，若为空，进行一些逻辑处理，或者再次赋值或者拿默认值等等 使用可选链运算符（?.）访问的对象或调用的函数是undefined或null，则表达式

avatar Laval社区

【招聘】【证通电子】驱动开发工程师

驱动开发工程师（15-30K 深圳） 岗位职责: 1、负责产品底层驱动适配，驱动开发，模块性能调优； 2、困难问题攻关，对关键问题提出系统级的解决方案; 3、配合系统需求定制，功能开发及维护; 4、可根据个人特长和发展意向进行分配。 5、主导终端嵌入式软件技术方案的设计和编写，参与硬件方案设计、评审； 任职要求: 1、精通C/C++，精通MCU/SOC模块工作原理（LCD、SPI、UART、IIC

avatar Laval社区