大概是只仓鼠 2022-11-08 16:50 采纳率: 76.3%
浏览 53
已结题

微信小程序在父组件更改子组件内容

问题遇到的现象和发生背景

微信小程序父子组件间关系,我想辨别是否为最后一个子组件,如果是最后一个子组件,则在父组件中直接更改对应子组件的data数据

用代码块功能插入代码,请勿粘贴截图
<custom-ul>
  <custom-li> item 1 </custom-li>
  <custom-li> item 2 </custom-li>//在custom-ul中改对应唯一的custom-li的内容
</custom-ul>

运行结果及报错内容

官方网址:
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/relations.html

但没写如何在父组件中直接修改子组件的data?

我想要达到的结果

在父组件custom-ul中辨别是否为最后一项子组件,如果是则在父组件中更改子组件的data

  • 写回答

2条回答 默认 最新

  • 大概是只仓鼠 2022-11-16 10:08
    关注

    行吧,我自己找到答案了,首先按官方的例子,写好组件间关系。然后在被调用的组件里面写一个需要子组件调用的方法。
    如父组件调用子组件,子组件写

      methods: {
        hideLine(){
          this.setData({
            showLine:false
          })
        },
    

    然后在父组件中写

     this.getRelationNodes('/components/steps/step')[0].hideLine()
    //‘/components/steps/step’为子组件位置,数组对应在父组件中子组件的加载顺序:
    

    即可完成组件间调用,子组件调用父组件同理

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 11月24日
  • 已采纳回答 11月16日
  • 创建了问题 11月8日