收藏
回答

如何隐藏动态生成的组件?

<view wx:for="{{message_list}}" wx:key="id">
  <view hidden="{{message_hidden}}">
    <text>{{item.message}}</text>
  </view>
</view>

请问上例中 <text>为动态生成,在js中如何控制某个<text>的隐藏和显示,谢谢

回答关注问题邀请回答
收藏

2 个回答

  • Frank
    Frank
    2022-05-30
    1、
    const message_list = [{
      id: 1,// 内容自定义
      message: 'test1', 
      isHidden: false  
    }, {
      id: 2,// 内容自定义
      message: 'test2', 
      isHidden: true  
    }]
    this.setData({
      message_list
    })
    2、
    <text wx:if="item.isHidden">{{item.message}}</text>
    
    2022-05-30
    有用 1
    回复 1
    • iFly
      iFly
      发表于移动端
      2022-05-30
      感谢感谢🌹
      2022-05-30
      回复
  • zhiou
    zhiou
    2022-05-30
    <view wx:for="{{message_list}}" wx:key="id">
      <view wx:if="{{item.message}}">{{item.message}}</view>
    </view>
    


    2022-05-30
    有用 1
    回复 1
    • iFly
      iFly
      发表于移动端
      2022-05-30
      数组增加一个隐藏标志 确实可行 感谢感谢
      2022-05-30
      回复
登录 后发表内容