VueJS 更新 $data inside 指令

Question

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

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

在我们的指令中，我们想从我们的组件动态更新 langs 子属性。我们得到的 html-form 看起来像下面的形式，包括我们的指令。

<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

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

Answer 2

触发事件解决：

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

VueJS 更新 $data inside 指令

VueJS update $data inside directive

javascript

directive

vue.js

vuejs2