vue-router相关内容

屏幕阅读器vue-router 的选项卡焦点重置

似乎焦点重置和屏幕阅读器注意到路由变化不是 vue-router 的一部分. 我可以理解为什么 vue 可能会忽略这一点,因为用例可能会有所不同,但我对缺乏有关可访问性/SPA 路由器的信息感到惊讶. 这似乎是一个常见的 SPA 问题,我很好奇是否有人对此有推荐的解决方案,或者是否有计划将其实施到 vue-router 的核心中. 似乎专用的 aria-live 区域可能是宣布页 ..
发布时间:2021-09-20 19:53:04 前端开发

防止 VueJs 中浏览器 url 的位置更改

我有一个 vuejs 应用程序,我在其中对后端进行了 rest api 调用.我已经定义了路由器并浏览了不同的组件.现在,当我导航时,我看到了 https://domain-name.com/#/abc浏览器 URL 中的路由路径.我想阻止这种情况,以便它始终显示 https://domain-name.com/我走过的路.有没有办法在 Vuejs 或任何其他解决方案中做到这一点.感谢您的帮助! ..
发布时间:2021-09-20 19:53:01 前端开发

在 DOM 更改之前和路由本身之外更改路由时触发事件?

我几天前打开了一个类似的话题,有人建议我使用beforeRouteLeave 在路由组件定义中. 然而,我正在创建一个 Vue 组件,我无法控制开发人员如何定义他们的路由组件.因此,我需要一种在我自己的组件内触发事件的方法,而不是依赖外部路由组件. 当从一个路由更改为另一个路由时,beforeDestroy 在 DOM 结构更改后 被触发. 我尝试在我的组件定义中使用 befor ..
发布时间:2021-09-20 19:52:36 前端开发

当我在 Vue 中单击路由页面 About 时数据正在清除

请帮帮我!我有两个页面:Home、About 和一个组件 SecondPage.这个组件有两个数据表,应该显示在About页面上.但是当我导航到 About 页面时,所有数据都被清除,表格是空的.我试图在我的主页 Home 中将 About 页面中的所有内容显示为 About 组件,并且它有效!所以,props 被正确传递.为什么当我点击 About 页面时,表格中的所有数据都消失了?我尝试了 . ..
发布时间:2021-09-20 19:52:08 前端开发

子组件道具的计算属性

我有这样的设置,我有子组件道具,里面有日期时间格式,我想在我的表中将其更改为更易读的格式,所以我使用 moment js 来更改格式并执行这些类型对于任务,如果我使用计算属性会更有意义.在我的 index.vue 中像这样 ..
发布时间:2021-09-20 19:51:50 前端开发

使用 beforeEnter 传递数据来路由组件

我将如何让使用 beforeEnter 调用的函数将数据传递给相应的路由组件? 在这种情况下,beforeEnter 的目的是确认一个有效的不记名令牌作为 cookie 存在. 目前,我有 beforeEnter 在 /verify/auth 上点击 aws api 网关,然后组件加载并调用 /list/上的 dynamodb回购.问题是,两条路由都受到内置 AWS api gatew ..
发布时间:2021-09-20 19:48:02 前端开发

如何在vuejs的输入文本中添加禁用属性?

我有两个网址 /注册 /register?sponsor=4 /register 路由会给我一个干净的输入文本,我可以在其中输入所有内容 第二条路线将带来相同的输入,但它的值为 4 并且已禁用,因此用户无法修改它. 我设法使用 vue-router 从路由器动态获取参数,一切都很好, 但是当我访问 /register 时,我得到了干净的输入,但是一旦我开始输入,输入就会被禁 ..
发布时间:2021-09-20 19:45:16 前端开发

路由器视图中的控制器和父级控制器之间的两种方式绑定

我有一个单页应用程序,其中包含: 包含标题和菜单的导航组件路由器视图我希望在路由器视图中呈现与路由器中的状态相对应的每个组件,以更新导航组件的标题.如何将参数从路由器视图中的组件传递到外部导航组件. 我使用的是 vue 2.0 解决方案 我会为此推荐 Vuex: https://github.com/vuejs/vuex 这样你就可以在主组件中访问你的 Vuex s ..
发布时间:2021-09-20 19:45:05 前端开发

vue-router 只更改一个命名视图而不影响其他视图

我正在使用 vue-router 进行测试并遇到此问题,如果我有两个命名视图,但我只想更改其中一个而不更改默认视图,该怎么办.目前我这样做: const router = new VueRouter({路线:[{小路: '/',成分: {默认值:Foo,改变:酒吧,}}{路径:'/foo/test1',成分: {默认值:Foo,改变:测试1,}}//是否可以做这样的事情?{路径:'/:foo ..
发布时间:2021-09-20 19:44:31 前端开发

Vue.js 强制重新渲染包含 v-once 指令的组件

Vue 2.0 我有一个包含使用 v-once 指令来防止重新渲染的 div 的组件.当 URL 参数改变时,这个相同的组件会更新它显示的数据(即点击 vue-router 链接,改变组件中使用的 url 和参数). 该组件使用新数据(基于 URL 参数)成功重新渲染所有内容除了带有 v-once 的 div指示.该 div 不会刷新、重新加载或重新呈现. 我尝试使用观察者和 v ..
发布时间:2021-09-20 19:43:24 前端开发

刷新时Vuejs路由重定向

当我在浏览器中使用刷新按钮或在键盘上点击 f5 而不是刷新我的页面时,它会重定向到主页. 代码 router.js 从“vue"导入Vue;从 'vue-router' 导入 VueRouter;从“./store"导入商店;Vue.use(VueRouter);从'./components/NotFoundComponent.vue'导入NotFoundComponent;cons ..
发布时间:2021-09-20 19:41:49 前端开发

VueJS从不同的路线滚动到部分

我正在尝试使用 Vue 和 Vue Router(具有历史记录模式)滚动到页面上的锚点. 在索引页上时,滚动行为通过跳转到该部分按预期工作. 但是,当我在另一个页面时,它会在顶部加载索引页面,而不是锚点指向的位置. 我确定这是一件非常简单的事情,但我无法理解! 感谢任何帮助! 我的路由器索引: 导出默认的新路由器({滚动行为:函数(到,从,savedPositi ..
发布时间:2021-09-20 19:40:02 前端开发

`this` 在 vue-router beforeEach 中未定义

我正在尝试通过this.a.app 访问 vue-router 中的会话,但它弹出 1 个错误.在我调试之后,我发现 this 是未定义的.这是我用来显示this的代码. 我曾尝试使用 function(to, from, next) {...} 而不是 es6 语法,但 this 仍未定义. router.beforeEach((to, from, next) => {如果(!to.me ..
发布时间:2021-09-20 19:37:38 前端开发

vue-router:防止在参数更改时路由

我正在尝试确认离开未保存的表单路线,如果用户拒绝,则取消更改路线. 它主要适用于 beforeRouteLeave: function (to, from, next) {if (!confirm('Leaving form')) next(false);} 问题在于路由参数,例如 #/form-path?id=5 - 更改 id 参数不会触发 beforeRouteLeave. ..
发布时间:2021-09-20 19:37:35 前端开发

Vuejs:使用保持活动状态的子路由视图组件的生命周期钩子

为了清楚地理解,我将以更概括的方式解释我的问题,这里是 jsFiddle 我有两条主要路由,它们在 router-view 中显示了两个不同的组件 Route-1 点击路径是:'/route-1' Route-2 点击路径是:'/route-2/sub-route-a' Route-2 在其中包含另一个 router-view,它显示了两个子路由: sub-rout ..
发布时间:2021-09-20 19:37:32 前端开发

在beforeRouteEnter内访问应用程序

当组件准备由 vue 路由器渲染时,我想在应用根目录中显示一些加载动画. 已经找到这个问题,建议使用导航守卫,另一个问题,其中接受的答案显示了如何使用 beforeEach 守卫在 app 中设置变量,显示加载动画. 问题是当深度链接到某些路由时,这不起作用(初始 url 包含路由路径,例如“someurl#/foo").beforeEach 守卫在那时根本不会被调用. 所以我切 ..
发布时间:2021-09-20 19:37:30 前端开发