应用场景:给后台返回的数据换行显示在前端
显示部分
<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)
}
})
好,我自己写的我都凌乱了