VueJS更新指令中的$ data數據

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> 

我們的問題：我們如何更新指令元素組件的v-model屬性？

Answer 1

通過觸發事件解決了這個問題：

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

Answer 2

將V-customdirective = 「lang.content」 屬性textarea元素