微信小程序—將后端逗號分隔的數據分開顯示

效果：

后端獲得數據：“互聯網，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分隔字符串也可以用其他字符作為分隔符號，比如空格等等。