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

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

Answer 2

通过触发事件来解决它：

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

VueJS更新指令内的$ data

2 个答案: