如何从Vuex操作中使用vue路由器导航
GET_PETS: (state) => {
return $http.get('pets/').then((response)=>{
state.commit('SET_PETS', response.data)
})
},
error => {this.$router.push({path:"/"}) }
)
}
共有1个答案
从“./router”导入路由器
并使用router.push
就这么简单。
-
我尝试在vuex的操作中使用vue路由器，这在本地主机上运行良好。 然而，当我试图通过从存储文件导入操作来准备存储（模拟）时，我得到了错误。 你能帮我解决这个问题吗？ 版本 错误msg app/src/main。js app/src/store/main。js 应用程序/src/路由器/main.js 应用程序/测试/组件/主。测验js 组件
-
我的目标是提交（调用/调用）我在Vuex存储中定义的突变。 商店。js 由于我将Vuex连接到我的应用程序，因此我可以使用，不会出现问题。 main.js 例如： omponent.vue 现在，我想从vue路由器路由文件中提交一些内容，使用方法： 例如路线。js 然而，当我尝试上述方法时，我得到了错误 网上有很多通过导入成功使用vuex getters的例子。而且，如果我导入，我可以看到我的整个
-
我的任务是创建一个支持typescript的vue3应用程序，我还必须使用vuex进行状态管理，使用vue路由器进行基本路由。但我无法在此项目中使用vue cli 我目前的代码： 由于我从未在vue项目中使用过typescript 您能否向我推荐一些博客、教程，其中有人使用这些工具从头开始构建vue3应用程序，但没有vue cli？ 全速行驶： 在VueJS 3.0框架上使用TypeScript编
-
我有一个带有SSR、Vue Cli、Vuex和Typescript的Vue3项目。 在路由器页面中，我需要将数据提交到Vuex存储。在一个。vue文件我只是使用这个$在vuex中键入的存储。d、 例如： 但是如何从没有this或vue实例的ts文件（router/index.ts）中执行此操作呢。 我尝试导入存储索引文件并提交： 但我犯了个错误 类型“”上不存在属性“提交”（）= 存储文件（因为我
-
我有以下Vuex商店（main.js）： 我还为Vue路由器（routes.js）定义了以下路由： 我试图这样做，如果Vuex存储了对象，并且将属性设置为，则路由器会将用户重定向到登录页面。 我有这个： 问题是，我不知道如何从函数内部访问Vuex商店的对象。 我知道我可以在组件中使用来设置路由器保护逻辑，但这会使每个组件变得杂乱无章。我想在路由器级别集中定义它。
-
本文向大家介绍vue使用vuex实现首页导航切换不同路由的方法，包括了vue使用vuex实现首页导航切换不同路由的方法的使用技巧和注意事项，需要的朋友参考一下 vue实现首页导航切换不同路由的方式（二）【使用vuex实现的】，具体代码如下所示： css: js: main.js代码： 效果图： 现在在这个页面里点击了解更多的时候跳转到新闻资讯页面，然后然后state里的值，然后改变当前的url以