微信小程序—将后端逗号分隔的数据分开显示

效果：

后端获得数据：“互联网，o2o”

前端显示：

就是将后端获得的字符串根据逗号分隔开来，分开在不同的文本框中显示。

方法：

使用split指令。

split的语法如下：

参考：http://www.w3school.com.cn/js/jsref_split.asp

1.在js中使用split，将后端获取的字符串按要求分开，放到新的数组当中。

Page({
    data:{
        detail：[]
    }, 
    /*省略后端获取数据的过程,后端获取得到的字符串名为result*/
    var a = result.split(",")
    this.setData({
        detail : [a]
    })
})

2.该字符串是一个大数组的元素中的一项，像这样：

 

效果图如下：

 

这时候就需要一边输出数据一边进行分割，而不能直接将分割后的字符串放在新的数组中了。

将分隔过程放在app.wxs中，在wxml中引入app.wxs。具体方法如下：

/*wxml*/
<wxs src="../../../app.wxs" module="app"/>

<block wx:for="{{app.getTags(item.tag)}}">
    <text class='detail_tag'>{{item}}</text>
</block>

app.wxs中字符串分割写法如下：

var getTags = function(tag){
  var a = tag.split(",");
  return a;
}
module.exports = {
	getTags: getTags,
}

Ps:split分隔字符串也可以用其他字符作为分隔符号，比如空格等等