Javascript VueJS update$data INDER指令

我们有一个组件和指令。我们的组件数据结构如下所示：

{
    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属性？

删除textarea元素的v-customdirective=“lang.content”属性

通过触发事件解决了这个问题：

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

---

您可以添加v-customdirective的代码吗。