在HTML模板中使用过滤器失效,那么就改用其他办法实现,将过滤值return给一个函数,v-html=“function(value)”
无效结构
<div v-html="item.html | htmlFormat"></div>
无效过滤器
filters: {
htmlFormat: function (value) {
if (!value) return ''
value = value.replace(/<p[^>]*?>.*?<\/p>/g,'')
return value
}
},
有效结构
<div v-html="htmlFormat(item.html)"></div>
有效函数
当前代码作用是删除p标签中的内容
methods: {
htmlFormat(value) {
if (!value) return ''
value = value.replace(/<p[^>]*?>.*?<\/p>/g,'')
return value
}
}