VueJS 在指令中更新 $data答案

【问题标题】：VueJS update $data inside directiveVueJS 在指令中更新 $data
【发布时间】：2017-02-27 11:07:12
【问题描述】：

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

{
    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>

我们的问题：我们如何更新指令元素组件的 v-model 属性？

【问题讨论】：

能否添加v-customdirective的代码。

标签： javascript directive vuejs2 vue.js

【解决方案1】：

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

【讨论】：

【解决方案2】：

通过触发事件解决：

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

【讨论】：