Gyh's blog

vuePress-theme-reco gyh    2022
Gyh's blog Gyh's blog

Choose mode

  • dark
  • auto
  • light
Home
Category
  • Algorithm
  • CSS
  • JavaScript
  • Others
  • Server
  • Utils
  • Article
  • Note
  • Git
  • Npm
  • Standard
  • Summary
Tag
Timeline
About
GitHub
author-avatar

gyh

91

Article

11

Tag

Home
Category
  • Algorithm
  • CSS
  • JavaScript
  • Others
  • Server
  • Utils
  • Article
  • Note
  • Git
  • Npm
  • Standard
  • Summary
Tag
Timeline
About
GitHub

wepy 子组件未更新的问题

vuePress-theme-reco gyh    2022

wepy 子组件未更新的问题

gyh 2018-09-09

子父组件传值需要注意的问题:

1、不能传递对象的属性 wepy 中传递数据不能直接像 vue 中可以传递对象的属性。

<child :data="data.tochild"></child>
1

2、动态绑定数据需要 sync 修饰符

<child :data.sync="tochild"></child>
1

3、异步获取的服务端数据,必须要在父组件使用 this.$apply()方法来触发子组件的刷新

4、异步获取的服务端数据,子组件需要通过 computed 返回数据

<view>{{child}}</view>
# script
props = {
  data: Object
}
computed = {
  child() {
    return this.data&&this.data.name
  }
}
1
2
3
4
5
6
7
8
9
10
Edit on GitHub~
LastUpdated: 5/17/2022, 8:59:22 AM