如何为Vuex模块声明索引状态?

时间:2018-12-26 08:27:32

标签: vue.js vuex vuex-modules

我构建了大型Vue.js项目,并使用Vuex作为组件存储。 Vuex索引文件声明了Vuex模块并具有嵌套模块。

我在问如何在嵌套模块中声明嵌套组的索引模块。

现在,我在嵌套组中创建一个带有路由的索引文件: “ moduleGroupName / index”。

export default new Vuex.Store({
    modules : {
        'market' : {
            namespaced : true,
            modules : {
                index : Market,
                tripOfferingPopup : TripOfferingPopup,
                filters : MarketFilters,
                trips : Trips,
            }
        },
        'organizer' : {
            namespaced : true,
            modules : {
                index : Organizer,
                market : OrganizerMarket,
            }
        },
        'countrySelect': CountrySelect
...
    },
})

我的目的是为市场模块获取一个索引文件,而不是具有名称索引的模块。

类似这样:

'market' : {
    namespaced : true,
    index : Market,            
    modules : {
        tripOfferingPopup : TripOfferingPopup,
        filters : MarketFilters,
        trips : Trips,
    }
}

我的主要目标: 分派带有相对路径的嵌套模块操作。

例如: 市场索引模块中的操作调度行程(嵌套模块),如下所示:

fetchData({dispatch }) {
        Axios.get(`/api/market/get-data`)
            .then(response => {
                dispatch('market/trips/init', response.data.trips, {root : true});
            })

不使用根标志。

0 个答案:

没有答案