我有一个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