以Vue js动态更新过滤器内容

时间:2016-07-30 14:21:04

标签: javascript vue.js

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

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

// Filter
Vue.filter('markdown', (value) => marked(value))

// Usage
<div v-html="component.doc | markdown"></div>

1 个答案:

答案 0 :(得分:0)

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

  

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

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