微信小程序 列表输出问题

这个问题，如果条件允许，最好在后台程序中解决，在后台读取出路径数据后，立刻就分割为数组，然后把所有数据按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>

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

具体情况，由于你提供的信息有限，也无法说的更多了，你自己去研究。

小程序开发的时候，参数值改变，前端页面会自动的响应的

页面中：<image class="img-tree" src="//img/{{index}}png"></image>

js中:

Page({

data:{ index:1,},//名称

getPower:function(){//更换的函数

thissetData({ index:2,});//更换参数值

}

})

以上就是关于微信小程序 列表输出问题全部的内容，包括:微信小程序 列表输出问题、微信小程序，weixin，怎么使用代码更改前台的image的src的值、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！