记一次js操作后台返回数据插入换行\n

应用场景:给后台返回的数据换行显示在前端

显示部分

<view v-for="(item, index) in askingItemList" :key="index">
	<checkbox :value="item.code + '__' + item.content"></checkbox>
	<text>{{askingItemList_content[index]}}</text>
</view>

由于checkbox的值里已经用了一次v-for,所以新定义个数组用来显示text的值,互不影响,主要是为了这个数据再度提交的时候不受插入/n的影响

处理字符

//res...为后台返回数据,askingItemList用来显示checkbox的value值,askingItemList_content用来显示checkbox里text的值
_this.askingItemList = res.data.data.cardInfo.askingItemList,
_this.askingItemList.map(item=>{
    var asklist=''
    if(item.content.length>25){
        for(var i=1;i<=Math.floor(item.content.length/25);i++)
        {
            asklist+= item.content.slice(24*(i-1), 24*i) + '\n' + item.content.slice(24*i);
        }
        _this.askingItemList_content.push(asklist)
    }else{
    _this.askingItemList_content.push(item.content)
    }
})

好,我自己写的我都凌乱了

点赞

发表回复

邮箱不会被公开,用于显示Gravatar的头像