如下,应该在获取到数据之后修正 Content 为 html, 并使用 v-html 指令绑定:
export {
data() {
return {
commentList: []
}
},
created() {
this.$http.get('api/get-commentlist?article_id=1').then((res) => {
res = res.body
res.list.forEach((item, i) => {
// sdfsafs[face-1]sad[face-2]
// 将被替换为
// sdfsafssad
// ,请自行根据需要修改
item.Content = item.Content.replace(/\[face\-(\d+)\]/g, '')
})
this.commentList = res.list
})
}
}
--- 补充 ---
其中 .replace() 方法的第二个参数也支持使用函数返回,即能实现更复杂的替换,如:
item.Content = item.Content.replace(/\[(.+)\]/g, function(word, $1){
return ''
})