如何在Vue组件中从beforeRouteEnter访问羽毛服务？

文章/答案/技术大牛

发布

1回答

vuejs2、vue-router、feathersjs

我想根据所请求的Route来确定是否应该加载Vue组件。例如，如果用户转到http://todo.example.com/task/123，我想在加载组件之前检查123是否是一个有效的task_id。如果id无效，我将简单地重定向用户，而不必加载组件。我知道vue-feathers在Vue组件上注册了一个$feathers属性，以便能够访问您的羽毛服务。但问题是，在vu

浏览 37提问于2019-02-19得票数 0

1回答

如何使用Vue* Class组件在NuxtJs项目中注册其他挂钩*

vue.js、nuxt.js、vue-class-components

我正在构建我的第一个NuxtJs项目，并且我还在使用Vue Class Component将我的组件编写为类。在应用Vue Class组件之后，我在访问beforeRouteEnter组件钩子时遇到了麻烦(它不再被调用)。所以我找到了在使用这个库时注册aditional hooks的文档，但是我不知道在NuxtJs结构中把导入语句放在哪里。我有这个文件(与文档中的文件相同)： // class-component-

浏览 16提问于2021-11-13得票数 0

1回答

如何在单文件组件中正确使用Vue* Router beforeRouteEnter或Watch to trigger方法？*

vue.js、components、watch、vue-router

我正在使用单一文件组件和Vue Router在Vue.js中开发一个应用程序。我有一个搜索组件，每次用户访问该路线时，我都需要执行一个方法来重新填充搜索结果。)并返回到搜索页面时，我似乎找不到一种方法在随后的访问中自动触发this.initializeSearch()。在index.js中设置路由的方式如下： import Search from './components/Search.vue<

浏览 1提问于2017-05-18得票数 13

1回答

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

vue.js、vuex、vuetify.js

store.dispatch('authentication/destroySession'); }); 当重定向到另一条路由时，我可以使用VueRouter的Vue Router事件，并检查令牌是否有效且未过期。

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

回答已采纳

1回答

下一个()保护功能在vue路由器中是如何工作的？

vue.js、vue-router

我正在尝试理解中的解决方案。该解决方案允许用户跟踪当前路由中的前一个路由。... return { } }

浏览 0提问于2019-08-07得票数 2

回答已采纳

1回答

有没有办法在beforeRouteEnter中显示bootstrap-vue* $toast反馈？*

vue.js、vuejs2、vue-router、bootstrap-vue

我有一个加载单个用户的组件，所以我使用vue-router保护来加载数据，并在出现错误时重定向回用户列表组件。有没有一种方法可以显示vue-bootstrap $toast？通常我从this组件访问$toast，但显然this还不存在于beforeRouteEnter中。我知道我可以通过其他方式进行管理(在页面中显示错误并使用created()，或者使用vuex保留错误并在下一个页面中显示它)，但

浏览 23提问于2020-03-06得票数 2

1回答

vue-router -如何中止beforeRouteEnter中路由更改

vue.js、vue-router

我在vue.js/vue-router的beforeRouteEnter导航守卫中看到了一些我不理解的行为。我从文档中了解到这个守卫“没有访问this组件实例的权限”，但是如果您需要访问组件实例，可以通过回调的方式来实现。这就是我所拥有的： console.log("ProductDetail: routing from = "+f

浏览 0提问于2017-09-26得票数 2

2回答

如何在不更改url的情况下返回404错误？

javascript、vue.js、http-status-code-404、vue-router

问题 next(vm =>"NotFound“打开，但是url<e

浏览 1提问于2019-03-14得票数 4

2回答

如何在我的vuejs组件中注入router.beforeEach中的数据？

vuejs2、vue.js、vue-router

我在输入vue之前获取我的用户。我想在所有经过身份验证的页面中使用此用户。如何在我的vuejs组件中注入router.beforeEach中的数据？下面是我的路由定义：import VueRouter from 'vue-router'; import AuthService from './pages/Index.vue';

浏览 3提问于2017-01-20得票数 7

1回答

VueJS重定向问题

javascript、vue.js、authentication

在我的router.js中，我尝试这样做： path: '/signin', beforeRouteEnter(to, from,在我的视图中，这个键在我登录时返回userId，但在我的路由器中，它总是返回null。但是，我确实导入了store.js。 import store from './store' 当在我的router.js中执行store.state console.log时，我可

浏览 17提问于2020-10-29得票数 1

回答已采纳

1回答

访问vue属性

vue.js、vue-component

在我的授权系统中，我将秘密令牌存储在Vue字段中，并在created event中从localStorage获取它： router: router,然后我尝试在compomnent的beforeRouteEnter方法中获取令牌： var id =

浏览 0提问于2017-09-12得票数 0

2回答

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

vue.js、vuejs2、vue-router、vuex

state.error;}当用户登录时，我将loginstatus设置为true并移除登录按钮，并将其替换为注销按钮，一切正常，但问题是，当用户登录时，如果我能够在搜索栏中直接输入登录路径组件，我可以再次导航到登录页面，如果用户登录并搜索搜索栏中的loginpage路径，则必须将其重定向到主页。我尝试在登录组件中使用beforeRouteEnter，但是我们没有访问这个实例，因为该组件还没有加载，所以如何从我的商店检查登录状态？我的login.v

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

1回答

控制台中的Vue3 access组件数据属性

vue.js、vuejs2、vue-component、vuejs3、laravel-mix-vue3

如何在Vue 3中从控制台访问组件数据属性值？这里我想从Chrome控制台访问isCalendarAttached，但是我不能：下面是我的app对象，它是根组件

浏览 1提问于2021-04-21得票数 4

3回答

如何在Vue中创建服务并使用所有这些.$t，this.$alertify等

javascript、vue.js、service

我有一个名为message.vue的服务文件export default { alert(msg,title){$alertify是空的，我的问题是：或者如何使this.$alertify在我的服务中可用？

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

9回答

Vuejs:改变路线的事件

vue.js、vuejs2、vue-router

在我的主页上，我有一个下拉列表，它通过单击链接v-show=show来显示@click = "show=!show"，并且我想在更改路由时设置show=false。请告诉我如何认识这件事。

浏览 18提问于2017-09-25得票数 217

回答已采纳

1回答

如何模拟我的外部服务类

unit-testing、vue.js、vuejs2、jestjs

在我的vue组件中，在挂载中，我调用一个服务类，然后调用axios调用下面的..like this.sList = data },} 我现在已经编写了vue组件的JEST测试用例，并在vue组件测试用例<e

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

回答已采纳

2回答

TypeError在构建Vue.js项目时使用Gridsome

javascript、vue.js、webpack、vuejs2、gridsome

我正在使用Vue.js和Gridsome为自己创建一个投资组合。但是，当我添加了一个JSON文件以在站点中包含我的配置文件信息时，我遇到了一个问题。这就是我如何在Index.vue组件中导入文件的方式：import Intro from "~/components/Intro.vue"; profile}; </script

浏览 4提问于2020-04-04得票数 2

回答已采纳

2回答

如何用Vue对全局变量作出反应？

javascript、ios、vue.js、uiwebview

我有一个带有全局配置对象的移动with视图： version: -1, user: null,}Vue.prototypeApp", isMobile: true, host: "http:

浏览 0提问于2018-07-10得票数 4

回答已采纳

4回答

必须在哪个VueJS生命周期挂钩中调用异步HTTP请求？

asynchronous、vue.js、vuejs2、lifecycle、vue-resource

在呈现页面之前，我想知道如何向服务器发送异步GET请求，以检索数据并填充数据中的属性。我听说最好的方法是调用在呈现DOM之前操作的三个生命周期钩子Vue js中发送此请求的函数。

浏览 1提问于2018-03-30得票数 30

回答已采纳

1回答

not注射找不到

vue.js、nuxt.js

当向Nuxt实例注入记录器时，我做了什么错事？import log from 'loglevel'; inject('log', log);} plugins: [ '~/plugins/loglev

浏览 2提问于2022-03-14得票数 0

回答已采纳

点击加载更多