1

我构建了大型 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
...
    },
})

我的目的是为市场模块获取一个索引文件，而不是一个名为 index.js 的模块。

像这样的东西：

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

我的主要目标： 使用相对路径调度嵌套模块操作。

例如：市场指数模块中的动作 dispatch trips（嵌套模块）动作如下： 

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

不使用根标志。

4

0 回答 0