解决小程序换行问题

后台返回的接口数据是不换行的 ,小程序换行加个 /n 这就需要给他们拆分 然后在拼接起来了

<scroll-view scroll-x="true" style=" white-space: nowrap;">
  <!--  display: inline-block-->
  <view class="classifyList {{first_category_id == item.id?'active':''}}" bindtap="bindClassify" wx:for='{{classify}}' wx:key='*this' data-id="{{item.id}}">
    <text style='display: inline-block'>{{item.name}}</text>
  </view>
</scroll-view>
 data: {

    classify: [],
   
  },  
// 大分类
    MBC.Ajax({
      url: api.streetCategory,
      data:{
        group_id: id
      },
      success:function(res){
        var NewName = [];
        res.result.category.map(function(item,index){
          var obj = {};
          var startName = item.name.substring(0,2);//取前俩个字
          var endName = item.name.substring(2, 4);//取后两个字
          obj.name = startName + "\n" + endName;//拼接起来 中间加个换行 /n
          obj.id = item.id;
          NewName.push(obj); //放进新的数组中在去渲染
        });
        console.log(NewName)
        that.setData({
          classify: NewName,
          first_category_id: res.result.first_category_id
        }) 
      
    })
发布了69 篇原创文章 · 获赞 17 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/Acitylion/article/details/99819068