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バインド式（後者は2.1.0以降でサポート）の内部でのみ使用することができますテキスト変換の目的で設計されています。他のディレクティブでより複雑なデータ変換を行うには、代わりにComputedプロパティを使用する必要があります。

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