1. v-html + filters 实现换行符正常换行
内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译,所以换位符无法正常换行,同时 Vue2.x 不再支持在 v-html 中使用过滤器,可以通过$options.filters 实现。
html:
<div v-html="$options.filters.space(text)"></div>
javascript:
filters: {
space(value) {
return value.split("\n").join("<br />");
}
}