鸿蒙HarmonyOs:关于复杂数据类型@State不刷新问题和解决办法

 刚刚接触鸿蒙app开发不久,发现数据复杂数据模型@State没法关联内部对象下的字段更新,进行了小白撞墙式的一大波尝试,发现如下解决办法,下面是示例代码,Test对象中包含了Test2对象,只用@State申明Test对象是达不到动态更新Test2中字段的效果的,必须还要对Test中的Test2对象引用进行@State申明,都是小白探索,别的不多说,直接上代码:

@Entry
@Component
struct Index {
  @State test: Test = new Test();
  @State test2: Test2 = new Test().test;

  build() {
    Row() {
      Column() {
        // @ts-ignore
        Text(this.test2.test2)
          .fontSize(50)
          .fontWeight(FontWeight.Bold);
        Button("测试一下").onClick(() => {
          this.test2.test2 = "123";
        });
      }
      .width('100%')
    }
    .height('100%')
  }
}

class Test {
  public test: Test2 = new Test2();
}

class Test2 {
  public test2: String = "abc";
}

关键代码:

@State test: Test = new Test();
@State test2: Test2 = new Test().test;
  • 8
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
如果你在使用 Vuex 管理数据,当你跳转到另一个页面后,数据没有自动刷新,可能是因为你没有正确地使用 Vuex。Vuex 中的数据是响应式的,当你在一个页面修改了数据,其他页面能够自动更新。但是,如果你直接在页面中修改了数据,而没有使用 Vuex,那么其他页面无法自动更新。 如果你已经在使用 Vuex,那么你需要确保在跳转到另一个页面之前,你已经正确地提交了数据。可以在组件中使用以下代码提交数据: ```javascript this.$store.commit('mutationName', payload) ``` 其中,`mutationName` 是你在 Vuex store 中定义的 mutation 名称,`payload` 是需要提交的数据。 如果你已经提交了数据,但其他页面仍然没有自动更新,可以在需要更新数据的组件中,使用 `mapState` 将 Vuex 中的数据映射到组件的计算属性中,这样当数据发生改变时,组件会自动更新视图。 ```javascript import { mapState } from 'vuex' export default { computed: { ...mapState(['stateName']) } } ``` 其中,`stateName` 是你需要映射的 state 名称。 如果以上方法仍然不能解决你的问题,可以尝试在组件的 `created` 钩子中手动获取最新的数据。 ```javascript import { mapState } from 'vuex' export default { computed: { ...mapState(['stateName']) }, created() { this.$store.dispatch('actionName') } } ``` 其中,`actionName` 是你在 Vuex store 中定义的 action 名称。在 `created` 钩子中调用 `actionName`,可以保证在组件创建时获取最新的数据。 希望这些方法能够帮助你解决问题

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

许天成

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值