微信小程序中对子组件进行重新渲染

本文介绍了一种在页面中获取并动态渲染子组件的方法。通过在.wxml文件中定义子组件,并在.js文件中使用selectComponent方法,可以实现对子组件属性的更新,从而达到动态渲染的效果。

案例:
<child-component/>为已封装好的子组件
在page页面中按以下方法,可以获取到子组件并对其进行重新渲染

//.wxml文件里
  <child-component data="{{data}}"  id="myComponent"  class="myClassComponent" />
//.js文件里
//获取子组件并重新渲染子组件
 this.selectComponent('#myComponent').init({
    ...this.data.data
  })
  或
   this.selectComponent('.myClassComponent').init({
    ...this.data.data
  })
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值