vue-router相关内容

无法在 JavaScript 中创建 Vue Router 实例

遵循指南,我到达了我需要的地方创建一个 Vue 实例(这似乎有效).不过我还需要在Vue的构造函数中提供一个Vuew Router的实例,如下图. const router = new VueRouter({ routes });const app = new Vue({ router }).$mount('#app'); 遗憾的是,它产生了以下错误.我非常不确定如何处理它,并且当 googl ..
发布时间:2021-11-24 18:35:42 C#

apache上的Vue-router,子目录下的SPA,只能通过重定向访问页面

所以我有一个 Vue 应用程序,用于在 apache 开发服务器上设置的客户端.我这样做是为了匹配生产环境.该应用程序位于子目录中,我将 vue-router 上的“base"选项设置为匹配.如果我导航到我的虚拟主机根目录,它会正确重定向,但是通过输入地址导航到相同的地址会给出 404. 这是我的路由器代码: const 路由 = [{路径:'/',重定向:'/伦敦'},{路径:'/:城市 ..
发布时间:2021-11-11 05:59:05 其他开发

Vue Router 托管在 apache2 上

我在 apache 服务器上托管我的 vuejs 项目. 初始化项目 设置路由器 构建并托管到apache服务器 const router = new VueRouter({路线:路线,//相对:真,模式:'历史'}); 这在本地运行良好,但 vue 路由器在服务器上中断.示例 如果我运行 http://example.com 并转到 http://exmaple.com/ ..
发布时间:2021-11-11 05:23:02 其他开发

无法从 AngularJS index.html 导航到 VueJS webapp

我试图将 AngularJS 和 VueJS 项目合并在一起,因为我们需要从 AngularJS 应用程序内部调用在 VueJS 中设计的流程.为了将 AngularJS 和 VueJS 项目合并在一起,我在 Angular 和 Vue 的 package.json 文件中包含了依赖项以及其他一些文件. 现在,由于 Vue 和 Angular 都在项目根目录中创建了一个 index.html ..
发布时间:2021-11-10 03:28:58 其他开发

路由模板中的Vue计算属性

我无法理解如何通过路由器将计算属性一直传到我的模板.这是我正在做的事情的基本想法: const Home = {模板:'Level 1'}常量级别 = {模板:'|{{id }}|{{消息}}|',道具:['id','message']}const 路由器 = 新的 VueRouter ..
发布时间:2021-09-20 20:28:00 其他开发

为什么我在 Vue Router 中收到错误 Maximum call stack size exceeded?

我已经消除了“next"被调用两次的所有方式,以防止循环.除了 if (authenticated) 块中发生的事情外,一切似乎都有效.目标是让用户停留在 RegisterFlow 页面,直到他们验证&提供了一个显示名称.我哪里出错了? 错误:未捕获(承诺)RangeError:超出最大调用堆栈大小 代码: const authPages = [“LoginPage", “Regis ..
发布时间:2021-09-20 20:27:57 其他开发

如何禁用特定页面中的中间件,nuxt 中间件

我已经声明了一个中间件来检查 nuxt.config.js 中每个路由的作用.但想在某些页面中禁用. //在 nuxt.config.js =>路由器:{中间件:['角色']},//在中间件/role.js =>导出默认功能({app}){if (!window.localStorage.getItem('auth.token')) {//app.router.push('/auth/login ..
发布时间:2021-09-20 20:27:54 其他开发

Vue - 单文件组件中的翻译

我使用 vue-i18n 进行翻译,效果很好!但是当我在单个文件组件的 data 函数中使用 this.$t() 函数时,翻译不起作用. ..
发布时间:2021-09-20 20:27:50 其他开发

组件子项中的路由器视图不起作用

我正在尝试在我的路由器文件中使用这个结构: {小路: '/',name: '仪表板',组件:仪表板,孩子们: [{路径:'用户',名称:'用户',组件:用户},{路径:'权限',名称:'权限',组件:权限},{ 路径:'系统',名称:'系统',组件:系统}]}, 但它不起作用.url 路径更改,但组件未呈现. 我的仪表盘组件模板是这样的: ..
发布时间:2021-09-20 20:27:47 其他开发

在 Vue.js 中,如何防止子路由导航?

beforeRouteLeave 的好处是你可以防止在某些情况下导航离开. 我有一个设置,它使用子路由来呈现页面的一部分.我想要一个子路由上的导航守卫,以防止在未保存数据的情况下切换到另一个. {路径:'/客户/视图',组件:ViewCustomerShell,孩子们: [{路径:':id',名称:'ViewCustomer',组件:ViewCustomer}]}, 所以当我访问 /cu ..
发布时间:2021-09-20 20:27:44 其他开发

将 var 传递给 meta 中的 vue 路由器

我有一个用 vue-router 创建的路由. {路径:'/events/:id',组件:事件,name: '事件',元:{标题:'设计网页'}}, 在“meta"中,我给它命名我的页面. 我可以通过这样做来调用我的页面的标题:$route.meta.title 但是现在,我遇到了一个问题.在我的页面标题中,我想传递一个变量(我的事件的名称). 元:{标题:$nameOfEven ..
发布时间:2021-09-20 20:27:41 其他开发

Vue Router 嵌套路径在手动刷新时破坏静态资产路径

我们将 VueJS 2.x 与 vue-cli Webpack 样板以及 Vue Router 一起使用.我们遇到了以下问题 我们的静态资产位于根级 static 文件夹 资源路径在 Webpack config/index.js 文件中定义如下: assetsSubDirectory: '静态',资产公共路径:'/', Vue Router 在 history 模式下运行,我们遵 ..
发布时间:2021-09-20 20:27:33 其他开发

如何仅更改当前路由 vue-router 中的特定查询参数?

我尝试在 Nuxt Js 项目中进行分页,那么如何仅更改当前路由中的页面查询参数,并保留其他查询参数的值我有 3 个查询参数: this.count = this.$route.query.count ??8this.page = this.$route.query.page ??1this.sort_by = this.$route.query.sort_by ??'最新的' {{ 页 ..
发布时间:2021-09-20 20:27:31 其他开发

Vue.js - 同一路线上的两个不同组件

我正在尝试弄清楚如何使用 Vue 在同一条路线上有 2 个不同的组件. 主页或登录页面,取决于用户是否通过身份验证.也许我在文档中遗漏了一些东西,但我无法也无法弄清楚.甚至有可能吗? 谢谢 解决方案 use auth param in router map: router.map({'/家': {组件:首页,身份:真实},'/登录': {组件:登录},'/某物': {成分:某 ..
发布时间:2021-09-20 20:27:26 其他开发

路由器链接与 vue 和 vuetify 混淆

如何使用 vue-router 使用该预定义模板: https://vuetifyjs.com/examples/layouts/google-contacts 我在我的物品对象中添加了一个链接 项目:[{ icon: 'dashboard' text: 'Home', link: '/'},{ icon: 'dashboard' text: 'Account', link: '/ ..
发布时间:2021-09-20 20:27:23 其他开发

在 VueJS 版本 3 中,显示和隐藏登录的正确方法是什么?注销<路由器链接>链接,反之亦然,哪个放置在导航栏上?

我是 VueJS 的新手.我开发了一个简单的登录屏幕.登录成功后,Server 会以 JSON 格式发送 userId.我将此用户 ID 存储在 localStorage 中.使用这个,我想到了显示登录(登录前).登录后,1. 应显示注销,而不是登录和登录.2.登录组件应在注销时显示 在当前代码中,登录后、注销链接不可见.我也尝试过 v-else 逻辑.这也没有奏效.参考 https://f ..
发布时间:2021-09-20 20:27:07 其他开发

Vue Router - 捕获所有通配符不起作用

我将 Vue Router 与 Vue 3 一起使用,并尝试添加一个包罗万象的路由以在用户尝试访问无效 URL 时重定向用户.当我尝试使用通配符 (*) 时,我将以下错误记录到控制台: 未捕获的错误:非空路径必须以“/"开头;在 tokenizePath (vue-router.esm.js?8c4f:975)在 createRouteRecordMatcher (vue-router.esm. ..
发布时间:2021-09-20 20:26:30 其他开发

将对象作为参数传递给 router.push (vue-router@4.05)

问题 router.push({name:“Order", params: {obj: {}})推送 obj: {} 失败,路由接收 obj: '[object Object]' 情况 我有这样的路线设置 {路径:'/订单',name: '订单',组件:() =>导入(“../views/Order.vue"),道具:路线=>{return route.params.obj// ..
发布时间:2021-09-20 20:26:19 其他开发