如果我在vue路由器中有多个带有输入字段的组件,我应该如何获取数据并将其存储在vuex中?

问题描述 投票:0回答:1

在我的vue cli项目中,我有一条路由Settings,其中包含3个子组件SettingsASettingsBSettingsC。每个子组件都有大约。 15个输入字段,因此一个组件的输入字段太多。

目标是在加载路径设置时通过axios调用从REST后端获取数据,并用数据填充一些输入字段;然后,用户可以在子组件之间导航并填充/更改输入字段,而无需触发axios调用,该调用将重新加载和覆盖用户输入字段的更改。

由于存在3个子组件,因此我将vuex用作存储。这样,当用户在子组件之间导航时,用户输入不应更改。

我的问题是:我应该在哪里调用axios并使用哪个钩子?在Settings组件上使用beforeMounted?

也许还有比我更好的,已经尝试过的设计?

感谢您的帮助!

在我的vue cli项目中,我有一个路由设置,其中包含3个子组件:设置A,设置B和设置C。每个子组件都有大约。 15个输入字段,因此对于一个...来说,输入字段太多...

vue.js axios vuex vue-router vue-cli
1个回答
0
投票

使用custom events的解决方案

© www.soinside.com 2019 - 2024. All rights reserved.