VueJS更新$内指示文

Question

コンポーネントと指示文があります。私たちのコンポーネントデータ構造は次のようになります。私たちのディレクティブの中に

{ 
    langs: [ 
     { 
      title: '', 
      content: '' 
     }, 
     { 
      title: '', 
      content: '' 
     } 
    ] 
} 

我々は我々のコンポーネントから、ダイナミックlangsサブプロパティを更新したいと思います。このために私たちが入手したhtml形式は、私たちの指示文を含めて、以下の形式のように見えます。

<div v-for="lang in langs"> 

    <input type="text" v-model="lang.title"> 

    <textarea v-model="lang.content" v-customdirective="lang.content"></textarea> 

</div> 

質問：私はどのようにdirectives要素のコンポーネントでv-modelプロパティを更新できますか？

Answer 1

は、イベントをトリガすることによってそれを解決：

var event = new Event('input', {bubbles: true}) 
el.value = 'Test' 
el.dispatchEvent(event) 

Answer 2

削除textarea要素のためのV-customdirective = "lang.content" 属性