在Vue js中动态更新过滤器内容



我有一个markdown过滤器,component.doc的内容将通过websocket更新。但是,当触发更新事件并更新作用域的组件时,过滤的内容保持不变。

如何在下面的代码中动态更新v-html

// Filter
Vue.filter('markdown', (value) => marked(value))
// Usage
<div v-html="component.doc | markdown"></div>

您正在使用Vue v2吗?如果是这样,那么就不可能做你想做的事:

Vue 2.x过滤器只能在胡子插值和v-bind表达式中使用(后者自2.1.0以来得到支持),因为过滤器主要用于文本转换。对于其他指令中更复杂的数据转换,应改用Computed属性。

https://v2.vuejs.org/v2/guide/syntax.html#Filters

最新更新