Vue:在beforeRouteEnter钩子中使用Vuex商店取消导航

文章/答案/技术大牛

发布

1回答

beforeRouteEnter在vue子组件中不工作

javascript、vue.js、vue-router

我试图检测组件中的前一条路由是什么。我用beforeRouteEnter找到它。它在CreditAdd.vue中工作，但是当我在Back.vue中使用beforeRouteEnter时，它不起作用！但我解决不了这个问题 <i class="bi ba-arrow-right align-middle ml-3" style="cursor

浏览 2提问于2020-05-21得票数 1

1回答

javascript、vue.js、vue-component、vuex、vue-router

在完成到新路由的导航之前，我正在尝试让vue-router检查权限列表。权限存储在vuex中，理想情况下，我希望避免将它们作为道具到处传递。当我使用next(vm => {})回调时，不管结果如何，它都会路由到下一个页面，即使它应该接收false并取消导航。beforeRouteEnter(to, undefined, next) { const allowedRol

浏览 156提问于2021-03-01得票数 1

回答已采纳

2回答

高级Vue路由器警卫

javascript、vue.js

{ name: 'FeedPage', beforeEnter: checkAuth, requiresAuth: true, } }因此，checkAuth是一个基本检查用户在进入该路由之前是否经过身份验证的函数(使用google )，该功能运行良

浏览 0提问于2019-06-06得票数 1

1回答

检查登录状态，如果未登录，则呈现覆盖，如果登录成功，则继续

vue.js、vuex、vuetify.js

我使用Vuejs与Vuetify和Vuex，并希望创建一个简单的应用程序。比如说一个非常小的todo应用程序。对于后端，我使用了一个Express REST api，对于HTTP方法我使用了Axios。在启动Axios调用时，我可能会得到状态代码401的错误。store.dispatch('authentication/destroySession'); }); 当重定向到另一条路由时，我

浏览 1提问于2019-04-06得票数 3

回答已采纳

4回答

定义Vue-Router路由时访问Vuex状态

javascript、vue.js、vuejs2、vue-router、vuex

我有以下Vuex商店(main.js)：import Vuex from 'vuex' conststore = new Vuex.Store({ globalError: '', user: {

浏览 536提问于2017-03-05得票数 76

回答已采纳

1回答

如何在vuejs中更新动态路由器链路组件的属性

vue.js、vue-component、vue-router

所以我对Vue很陌生，还没有找到任何专门解决我的问题的东西。但是，当我尝试进行异步调用以获取比赛数据时，什么也没有发生。matchup属性永远不会更新，不会在单击链接时更新，也不会更新。因此，我要么什么也得不到(当我按照下面的方式使用<

浏览 8提问于2019-11-01得票数 0

2回答

从组件内部的Vue路由器导航路径

vue.js、vuejs2、vue-router、vuex

我在vuex store.js中使用集中式状态管理的vuex，我将登录状态存储为布尔值，如下所示state: { loggedIn，我可以再次导航到登录页面，如果用户登录并搜索搜索栏中的loginpage路径，则必须将其重定向到主页。我尝试在登录组件中使用beforeRouteEnter，但是我们没有访问这个实例，因为该组件还没有加载，所以

浏览 6提问于2017-03-17得票数 1

6回答

路由器-如何获得上一页url？

vue.js、vue-router

我想在vue-router中获得先前的页面链接或url。就像这样。该怎么做呢？ const link = this.

浏览 4提问于2018-12-15得票数 58

回答已采纳

1回答

使用数据获取的动画路由切换，Vue

vue.js、vuex、vue-router

我正在使用Vue、Vuex和Vue-router。这是路由器链路元素的列表。单击时，路由器视图区域中的组件应以动画方式切换，并且路由url应更改。我在beforeRouteEnter和beforeRouteUpdate钩子中请求数据。LessonsList.vue <section> <router-link v-f

浏览 1提问于2020-07-29得票数 0

1回答

beforeRouteEnter函数与Vuex问题

vue.js、vuex

在quasar项目中，我有一个Vuex函数"asyncValidateToken“，用于检查用户是否登录到系统。位于"src/store/index.js“文件中。该文件包含以下代码： import Vue from 'vue' Vue<

浏览 26提问于2021-04-01得票数 0

回答已采纳

1回答

我正在我的SPA (vue)中设置导航，它使用beforeRouteEnter钩子调用后端，并检查用户是否经过身份验证。当从登录页导航到受保护的页面时，此重定向将重定向到同一个登录页(如果未进行身份验证)。为了向用户解释他们首先需要进行身份验证，我想显示一条消息。使用props，将数据传递到登录页面是可行的。但是，如果重定向来自/login ==> /protectedRoute ==> /login，则不会

浏览 5提问于2019-11-02得票数 1

回答已采纳

1回答

在基本安装之后，无法访问任何子组件中的.$store (vuex)

vue.js、vuejs2、vuex

所以我对vuex完全陌生。我小心地将vuex安装到我的vue应用程序中，但是我无法在我的任何一个子组件中访问这个.$store。使用Vue.

浏览 0提问于2018-11-14得票数 4

1回答

具有Vue类组件的vue路由器: next函数不接受回调选项

javascript、typescript、vuejs2、vue-router、vue-class-components

我正在尝试使用Vue -属性装饰程序包实现vue路由器的。以下代码工作正常，在进入路由时会发出警报：import { router } from/Router'; template: '<div></div>'export class F

浏览 0提问于2018-09-03得票数 6

2回答

无法读取未定义的属性(读取“”$store“”)

vue.js、vuex、vue-router

/views/login.vue'), hideNavbar: true, beforeEnter: (to, from, next) => { next('/home'); next(false); } 在上面的代码中，我很难导航到主page...getting这个错误

浏览 161提问于2021-09-21得票数 2

2回答

使用vue.js的rest api不显示WordPress标题

wordpress、vue.js、posts

我正在尝试使用vue.js来显示我的帖子，但当我查看页面时，什么也没有显示。我的app.js文件如下所示：var postList = Vue.extend({当我检查页面时，它看起来是这样的：现在我只是在尝试标题，但是如何使用vue.js显示我的帖子呢？我的代码/

浏览 2提问于2017-06-23得票数 0

1回答

在@Component中使用vue混入

typescript、vue.js、vue-mixin、vue-property-decorator

我正在使用vue-property-decorator包，并且我想在beforeRouteEnter钩子中使用mixin方法。我做了什么： import { Component, Mixins } from 'vue-property-decorator'; <

浏览 24提问于2020-09-13得票数 0

回答已采纳

1回答

Vuex不装载

vue.js、vuejs2、vuex

我已经把一种全新版本的Vuex装进了一台百拉威尔/vue。import store from '.});// import dependency to handle HTTP request to our back endimport Vuex fro

浏览 4提问于2021-07-06得票数 0

回答已采纳

2回答

基于路由参数在启动时加载Vuex状态

vue.js、vuex、vue-router

我有一个a Vue应用程序，其中有许多具有tenantId参数的路由。当应用程序第一次加载时，我必须从路由中获取API值，从tenantId中加载数据，并使用它初始化Veux存储。因此，我尝试在App.vue created，mounted钩子中实现它，但没有幸运，因为$route在那个阶段是空的。未为App.vue调用beforeRouteEnter。在router模块的beforeEach中，我没有对商店

浏览 25提问于2021-04-23得票数 0

5回答

如何在初始的vue.js /vue路由器负载上加载所有服务器端数据？

javascript、jquery、ajax、wordpress、vue.js

我目前正在使用WordPress REST和vue路由器来在一个小页面站点上的页面之间进行转换。但是，当我使用REST对服务器进行AJAX调用时，数据会加载，但只在页面已经呈现之后。提供了关于如何在导航到每个路由之前和之后加载数据的深入了解，但我想知道如何在初始页面加载时加载所有路由和页面数据，避免每次路由被激活时都需要加载数据。注意，我正在将数据加载到acf属性中，然后使用this.$parent.acfs访问.vue文件组件<em

浏览 11提问于2017-01-10得票数 45

回答已采纳

1回答

触发不想要的Vuex商店状态突变

vue.js、vuex

我使用Vuex来获取我的存储中的默认元数据。当在每个组件中包含mixin时，我添加了"metadata“数据属性，并将值设置为我的存储中的defaultmetadata值。然而，当我在mixin / component中重新分配"metadata“的值时，Vuex抱怨我试图在存储之外进行突变。但我只是更改了mixin中"metadata“的值。我不会碰商店里的

浏览 10提问于2019-05-25得票数 0

回答已采纳

点击加载更多

beforeRouteEnter在vue子组件中不工作