VUE 从子 v-model 发射到父 v-model

【问题标题】：VUE emit from child to parent v-modelVUE 从子 v-model 发射到父 v-model
【发布时间】：2023-02-03 21:07:54
【问题描述】：

孩子

template: `
    <li v-for="option in listaOptiuni" :key="option.id">
        <input @change="updateSelectAllToateOptiunile(); sendListaToateOptiunile()" v-model="listaToateOptiunile" :value="option" :id="option" type="checkbox" class="uk-checkbox">
        <label :for="option">{{ option.denumire }}</label>
    </li>
`

data: function() {
    return {
        listaToateOptiunile: []
    }
}

父母

<my-component v-model="myList"></my-component>

我如何发送值listaToateOptiunile从 child 直接进入 v-model我的清单来自父母？

【问题讨论】：

标签： javascript vue.js vue-props emit

【解决方案1】：

通过发出事件 v-model 监听。

在 Vue2 中，这是 input：

<input @change="updateSelectAllToateOptiunile(); sendListaToateOptiunile(), $emit('input', listaToateOptiunile)" v-model="listaToateOptiunile" :value="option" :id="option" type="checkbox" class="uk-checkbox">

在 Vue 3 中，这是 update:modelValue：

<input @change="updateSelectAllToateOptiunile(); sendListaToateOptiunile(), $emit('update:modelValue', listaToateOptiunile)" v-model="listaToateOptiunile" :value="option" :id="option" type="checkbox" class="uk-checkbox">

【讨论】：