[求助]微信小程序二维数组在wxml中列表渲染

这个问题，如果条件允许，最好在后台程序中解决，在后台读取出路径数据后，立刻就分割为数组，然后把所有数据按json格式返回给小程序，小程序再把它放入page的data中，这样小程序无须大的改动就能显示了。

如果这个办法行不通，也可以在小程序获得后台返回的json数据后，先把其中的路径数据（即用：分隔的多个路径的字符串）用split分割为数组，再放入page的data中，这样小程序的wxml文件也不需要大改就能显示多个了。

如果实在懒得很，后台返回的数据一股脑的直接放到page的data中，那么还有最后的一种解决办法，就是在wxml文件中通过小程序自身的wxs语言实时分割路径字符串，比如（假定字段名为image）：

<wxs module="fun"> moduleexports = { imgPathSplit: function(s) { if (s) return ssplit(":"); } }</wxs>

然后在需要循环显示的地方加入代码（只是示例）：

<image wx:for="{{funimgPathSplit(itemimage)}}" wx:key="this" mode="aspectFill" src="{{item}}"></image>

这样，在小程序渲染页面时就会实时对路径字符串进行分割，再循环显示出来。

就是正常排序，然后再渲染吧？

thisdataarrsort((a,b)=>{

    return asort>bsort

})

thissetData({

    arr: thisdataarr

})

系统设置问题。小程序让页面渲染完成后再显示目的是等到页面渲染完成后，再去重新加载，是系统设置问题。小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。

这次的项目需求是用户存在两种身份，普通用户和师傅用户，那么要根据不同的身份展示不同的tabBar菜单，看了下官方文档，难度不大，但是由于我用的框架是Taro，所以实现起来很难，试了几次Api调不通就放弃了，转为JS大法写了，但是配置方面还是得按照小程序文档来。

做成效果 ：

此文是Taro版，非原生，思路可供参考，毕竟JS是互通的。

此文件编写的组件会作为自定义的tabBar展示出来

标签数据在data中定义， 因为还要点击高亮， 所以同时给个状态值

页面循环渲染出来

点击事件bindtap='select',

绑定class: class="{{itemisSelect'active':'select'}}", 点击的时候改变类名

自定义dataset :data-index="{{index}}"

样式效果

JS部份

到这儿, 高亮的就已经写好了 怎么取值呢 下面还有一个保存按钮 给保存按钮一个点击事件:

1定义一个空数据

2遍历上边的data里的selectall数组, 传两个参数, v是所有标签的状态(比如isSelect:false或isSelect:true), i是下标

看打印结果

小程序的setData支持修改data里的数组或对象的属性

即直接修改 对象的某一属性，或数组的某一项

//1、修改baseInfo对象的age属性

thissetData({

'baseInfoage':24

})

//2、修改数组的某一项

/此例假设改变对应index的某个属性值

var temp_str='family['+index+']age';

thissetData({

[temp_str]:44

});

以上就是关于[求助]微信小程序二维数组在wxml中列表渲染全部的内容，包括:[求助]微信小程序二维数组在wxml中列表渲染、小程序数据选择性渲染、小程序让页面渲染完成后再显示等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！