v-html中使用过滤器无效解决办法

在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
        }
  ｝