微信小程序如何在wxml中绑定动态控制属性

Question

WXML

  <block wx:for="{{images}}" wx:key="*this" wx:for-index="idx">
          <view wx:if="{{'item'+idx > 0}}" class="q-image-progress">
            
          </view>
           <image src="{{item}}" mode="aspectFill" data-idx="{{idx}}" bindtap="handleImagePreview"></image>
   </block>

js

onLoad: function(options) {
    let images=['0.jpg'];
    for(let i=0;i<images.length;i++){
      const key = `item${i}`
      console.log(key)
      this.setData({
        [key]:0
      })
    }
}

我想在wxml中获取动态生成的'item'+idx 的值，现在wx:if="{{'item'+idx > 0}}"中'item'+idx直接生成字符串item0，而不是获取JS中item0的值。
请问一下如何在wxml中获取到JS中动态生成的值？

Answer 1

直接访问变量应该是不行的,可以考虑改下存储的结构，类似于

// js
list:{
  item0:'',
  item1:'',
}

// wxml
<view wx:if="{{list['item'+idx]}}"></view>