vue-router相关内容
我正在尝试通过VueJS中的scroll Behaviour进行滚动锚定。 一般情况下,我通过以下方式更改当前路由器: this.$router.push({path : 'componentName', name: 'componentName', hash: "#" + this.jumpToSearchField}) 我的VueRouter定义为: const rout
..
我是VUE和那些类型的网络服务器的新手,所以请原谅我。在我安装VUE-Router之前,我的项目很好,但在安装之后,我在任何新的VUE项目中都收到了这个非常奇怪的错误(使用VUE线索创建): ERROR Failed to compile with 1 error
..
我对VUE和幼虫还不熟悉。我正在尝试导入组件,但遇到此错误。 ./Resources/js/router.js中出错 找不到模块:错误:无法解析‘./pages/frontend/HomepageComponent’ router.js import Vue from 'vue' import VueRouter from 'vue-router' import HomepageCo
..
我无法从商店访问我的路线。 对此可能有一个很好的解释。 我使用Vuejs3和Pinia 我的商店: import {defineStore} from 'pinia' import {useRoute} from "vue-router"; type navigationState = { selectedNavigationItem: INavigationItem |
..
我正在尝试使用Vue路由器更改路由参数。 我的路线如下: 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> /document/:id?/:lang?/edit ID和lang(语言)是参数。 我想使用JavaScript更改参数lang,而不更改路线的其余部分。我尝试应用以下解决方案(找到here)。解决方案是为Vue 2而不是Vue 3制作的。所以
..
我正在构建一个Cordova Vue应用程序。在许多情况下,有更深层次的链接,如下面的 /profile/:id/:contact_type/contacts:contact_id 首先位于/profile/:id的位置,然后单击链接转到/profile/:id/:contact_type/contacts:contact_id 如果您首先在配置文件页面上,则标准router.go(
..
当我尝试在VUE路由器中添加路由路径(例如: )时,我仍然感到困惑 { path: '/admin/blog/archived_blogs', name: 'ArchivedBlogs', meta: { title: 'Archived Blog' }, component: ArchivedBlog }, 除删除出现错误的
..
我希望你这一周过得很愉快。问题是,我现在学习VUE已经有几个星期了,但目前我面临着VUE路由器的问题。以下是我面临的问题: 1-我已经注册了5条路由,并且已经创建了相应的视图。我已经创建了一个单独的文件,名为&Navbar.vue";,在该文件中,我使用此路由链接作为主要导航菜单。以下是我创建的路由链接: 主页 关于 电影 演员 配置文件 输出附加在下面。 现在
..
情况 我正在和Vue一起构建SPA。 有用Vue-Noty(https://github.com/renoguyon/vuejs-noty)制作的弹出式通知。 我有一个vuex操作,检查会话状态,如果它发现会话已过期,将显示NOTY(";您的会话已过期";)。 现在我想添加一个链接(";在此登录&q;),但我面临一个 问题 可以向通知添加标签。它们
..
我有一个带有多个组件的单页vue.js应用程序,现在我想在滚动这些组件时动态更改url中的散列。例如,如果您尝试在vue.js文档中滚动: 从以下位置滚动时,您会发现url正在更改: https://v3.vuejs.org/guide/introduction.html#what-is-vue-js 至此: https://v3.vuejs.org/guide/introd
..
我正在开发一个使用VITE的网站,它似乎应该在本地主机上工作。 我在Vercel上部署,该站点的构建没有错误。 但当我想要生成我的源地图时,我发现了一个大问题。事实上,当我想要直接访问任何页面时(例如.../大约),Vercel会给我一个错误消息:404Not Found";。但是,当我转到根页面并手动导航到该页面时,一切都正常。 第二次我直接访问/About页面时,它正常工作,但因为
..
我当前使用的是Vue和Vue路由器CDN。我想使用Vue路由器将单个文件组件(user.html)导入到我的index.html中。但当我点击“转到用户”时,数据并没有显示出来。我读了一些关于VUE路由器的指南,但他们使用NPM或CIL而不是VUE CDN。 Index.html
Hello App!
..
所有删除查询字符串的尝试都失败 // Initial state this.$router.replace({ name: 'routeName', query: { param: 123 }
..
我是Nuxt.js的初学者,我正在将Vue的一个项目转换为Nuxt.js,我想在一个页面上使用两个布局(默认布局和另一个布局)。逻辑是这样的: 第一个布局是所有页面上的(默认)或页眉,第二个布局是设置栏。 在设置页面中,我有3条路线(参见项目结构:image): 设置/头像 设置/帐户 设置/关于 我希望三个路由的设置栏相同。我可以将设置栏添加到所有三个子页面,如:layout:
..
我希望通过nuxt中间件根据用户的角色和其他属性重定向用户。 **发生重定向但卡在导航卫士中,页面一次又一次自动重载(秒重载~500次)。 #这是我的代码 nuxt.config.js router: { middleware: ['role'] }, middleware/role.js export default function ({ redirect
..
我的路由防护在calling it per-route使用beforeEnter时工作,但在使用beforeEach将其作为global route guard调用时不起作用。 在我顶部的代码中,您可以看到调用/dashboard重定向时起作用的示例。 但如果我尝试使用beforeEach在代码底部的所有路由上全局调用它,则它不起任何作用。 我做错了什么? 附注:我正在使用
..
我正在尝试将Vue 2.x应用程序迁移到Vue 3.x。 不幸的是,在过去的两天里,我一直在努力寻找这个简单问题的有效解决方案: 我的应用程序用于移动设备,在屏幕顶部,我有一个顶部栏,左右各有两个上下文按钮。这些按钮触发与My中加载并承载在其中的视图相关的方法。 我的Vue 2应用按照this post的建议运行良好: [Vue 2]App.vue
..
我正在创建一个vuejs应用程序,其中我希望有两个不同的布局,一个用于用户界面,另一个用于管理界面。 在用户界面中,我有一个名为“管理面板”的按钮,单击此按钮可以转到管理端并呈现新布局。到目前为止,我已经做到了以下几点: 我已在src中创建了一个容器文件夹来保存布局文件 UserPanel.vue AdminPanel.vue 以及用于保存路由文件的路由器文件夹 user
..
我们有一个多级多租户应用程序,其中主机名标识“供应商”帐户,但客户帐户实际上是URL的一部分。 例如,我们的路由设置如下: /:locale/app/:customer_id/invoices 在页面顶部,我们有一个包含用户有权访问的所有客户ID的下拉列表。其基本思想是,当用户更改客户时,例如,路由从/nl/app/4/invoices更改为/nl/app/5/invoices。所
..
如何在setup钩子中使用beforeRouteEnter? the documentation中没有提及onBeforeRouteEnter钩子。仅记录了onBeforeRouteLeave和onBeforeRouteUpdate两个挂钩。 推荐答案 在合成接口中,setup的时序大致相当于Vue 2中的created,此时路由已经发生,setup内部的beforeRouteEnt
..