Vue.js 创建菜单查询数据库
Vue.js create menu querying database
基于以下 VueSchool tuto https://vueschool.io/courses/vue-router-for-everyone 我正在尝试创建一个 Vue 应用程序,其菜单基于在 10 月服务器中找到的应用程序列表。我尝试用从数据库中填充的应用程序[]替换静态目的地[]。
为此,我使用 Axios 和 Vuex。我能够查询数据,但我花了很多时间试图在应用程序加载时获取它,在应用程序显示之前创建菜单...
我有一个 main.js 一个 App.vue 和一个 MenuApp.vue 组件来显示菜单。
我的问题是我的 getter 总是在我的突变之前被调用,并且我的应用程序数组在创建菜单时总是空的。
有没有办法在显示我的 vue.js 菜单组件之前正确加载和初始化所有数据???
或者我可以在更改后重新加载我的菜单组件吗?
感谢您的帮助 ;-)
您可以在加载主布局之前使用“加载”布局。
从“加载”布局,使用异步加载应用程序列表和您之前想要获取的所有数据。最后,只需切换到加载应用程序列表的主布局即可。
OctoberCMS 方面,我不知道你是如何发出请求的。但是,尝试使用简单的路由,调用路由器控制器,而不是使用组件。这将提出更直接的要求,并在您的最终项目中取得更好的表现。
基于以下 VueSchool tuto https://vueschool.io/courses/vue-router-for-everyone 我正在尝试创建一个 Vue 应用程序,其菜单基于在 10 月服务器中找到的应用程序列表。我尝试用从数据库中填充的应用程序[]替换静态目的地[]。
为此,我使用 Axios 和 Vuex。我能够查询数据,但我花了很多时间试图在应用程序加载时获取它,在应用程序显示之前创建菜单...
我有一个 main.js 一个 App.vue 和一个 MenuApp.vue 组件来显示菜单。 我的问题是我的 getter 总是在我的突变之前被调用,并且我的应用程序数组在创建菜单时总是空的。
有没有办法在显示我的 vue.js 菜单组件之前正确加载和初始化所有数据???
或者我可以在更改后重新加载我的菜单组件吗?
感谢您的帮助 ;-)
您可以在加载主布局之前使用“加载”布局。 从“加载”布局,使用异步加载应用程序列表和您之前想要获取的所有数据。最后,只需切换到加载应用程序列表的主布局即可。
OctoberCMS 方面,我不知道你是如何发出请求的。但是,尝试使用简单的路由,调用路由器控制器,而不是使用组件。这将提出更直接的要求,并在您的最终项目中取得更好的表现。