时间戳

首页 > 解决方案 > 如何在 VueJs 中添加/推送深层分层数据

javascript - 如何在 VueJs 中添加/推送深层分层数据

问题描述

以下是 VueJs 数据对象。

menu: {
    title_en: '',
    title_ar: '',
    price: '',
    preferences: 
    [
        {
            title_en: '',
            title_ar: '',
            items: [
                {
                    title_en: '',
                    title_ar: '',
                    price: '',
                }
            ] 
        }
    ]
}

我可以很容易地在第一级添加数据，如下所示。

this.menu.preferences.push({
    title_en: '',
    title_ar: '',
    items: [
        {
            title_en: '',
            title_ar: '',
            price: '',
        }
    ] 
});

但是这一次，我们如何在需要时将数据添加/推送到第二或第三级。在下面尝试但失败了。

this.menu.preferences.items.push({
    title_en: '',
    title_ar: '',
    price: '',
});

标签： javascriptvue.js

解决方案

推荐阅读