動態更新過濾器內容，在Vue js

Question

我有一個降價過濾器和內容component.doc將通過websocket更新。但是，當觸發更新事件並更新範圍的組件時，過濾的內容保持不變。

如何在下列代碼中動態更新v-html。

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

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

Answer 1

您使用的是Vue v2嗎？如果是這樣的話，那是不可能做到你想要什麼：

Vue的2.x的過濾器只能小鬍子插值內部使用和V-bind表達式（因爲2.1.0支持後者），因爲過濾器主要是設計用於文本轉換目的。對於其他指令中更復雜的數據轉換，您應該使用Computed屬性。

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