js vue 对象按照空格或者某些字符切割然后拼装放到页面内换行显示

const obi='1.qqqqqqq 2.wwwwwww 3.eeeeeee 4.rrrrrrrrrrr'

obj.split(' ') //按照空格切割

console.log(obj)// ['1.qqqqqqq','2.wwwwwww','3.eeeeeee','4.rrrrrrrrrrr']

这个时候要放到页面里面去换行，直接for in循环给每个加上你所需求的标签跟

for(var i in obj){
  obj[i]='<span>'+obj[i]+'<span/>' 
}
obj=obj.join('<br/>')

这样其实就是切割好了，但是这个状态下是字符串格式，给他在加个toString()，然后直接把他放到页面中显示就好了

obj=obj.join('<br/>').toString()

我应用的场景是element messagebox里面，直接把obj放到content的位置，改个messagebox（alert、confirm ）的属性 dangerouslyUseHTMLString: true,//为true时，自动把content转换成html

所以我这里没有加span没有for in那一步，但是如果你们有需要的话可以再那边加上所需求的就是可以了