0 
<div class="col-4" v-for="(section,index) in sections" :key="section.id">
    <div class="card">
        <div class="card-header"><h6 v-text="section.name_ar + ' - '+ index"></h6></div>
        <div class="card-body">
            <multiselect :options="packageMeals.filter(x => x.pivot.section_id == section.id && x.pivot.week_index == moment(day.date).format('dddd')).map(x=>x.id)"
                         :custom-label="opt=> packageMeals.find(x=>x.id==opt).name_ar" v-model="meals[index][0]"
            ></multiselect>
        </div>
    </div>
</div>

data: function () {
    return {
        collapse: true,
        meals: new Array(this.sections.length).fill(new Array(3)),
    }
},

mounted() {

},
methods: {
    SaveDay() {

    },
    moment: function (date) {
        return window.moment(date)
    },

},

在这里，我想将所选选项绑定到餐 [索引] [0]。但它绑定到餐点数组中的所有元素，例如：它现在绑定到餐点[0][0]、餐点[1][0]、餐点[2][0]，....所以当只更改餐点输入[0][0] 所有其他输入都已更改。

4

0 回答 0