后端返回的数据:
未格式化,在界面直接进行循环渲染:
很明显,这不是我想要的表现形式,所以对每一行的数据进行了格式化。使用vue中的过滤器filters,代码如下:
filters: {
/**
* 格式化数据
*/
filterValue(val) {
let newVal = JSON.stringify(val) // 对象转换为js字符串
newVal = newVal.replace('":', ':') // 删除第一次出现的 :'
newVal = newVal.slice(2) // 删除字符串前两位 {"
newVal = newVal.substring(0, newVal.length - 1) // 删除字符串最后一位 }
return newVal
}
}
最终界面正常展示:
今晚安排麻辣鸡*v*,你们今晚吃什么~