vue运行后不显示内容报错 matched匹配不上

最新推荐文章于 2024-06-25 20:26:33 发布

weixin_50064286

最新推荐文章于 2024-06-25 20:26:33 发布

阅读量733

点赞数

文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_50064286/article/details/110490578

版权

博客记录了Vue出现的渲染错误，具体为“TypeError: Cannot read property ‘matched’ of undefined”，该错误出现在src/App.vue文件中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[Vue warn]: Error in render: “TypeError: Cannot read property ‘matched’ of undefined” found in —> at src/App.vue
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_50064286

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Nuxt - [高效简洁] 路由不存在时，跳转到自己定制的 404.vue 页面（当路由不存在时自动重定向到自定义的 404 组件）路由配置的解决方案

王二红

11-17

3877

nuxt当路由不存在时怎么跳转到404页面，nuxt.js实现路由不存在时跳转到自己做的404页面，NUXT.JS实现当网页链接不存在后，自定跳转重定向到404，nuxt.js跳转404，nuxt.js写项目时增加错误提示页面操作，页面重新加载后,Nuxt动态路由返回404，nuxtjs不存在路由重定向至404页面，Vue在Nuxt.js中重定向404页面的方法，nuxt.js页面404怎么做，Vue在Nuxt.js中重定向404页面的方法，【NuxtJs】不存在路由重定向至404页面，如

vue-router四版本-适用vue3

weixin_68658847的博客

04-10

4747

vue-router四版本-适用vue3

参与评论您还未登录，请先登录后发表或查看评论

Vue路由对象属性 .meta $route.matched详解

12-13

$route.fullPath 1 路由是：/path/:type真正路径是：/path/list 2 path匹配路径: /path/list 3 fullPath匹配路由: /path/:type 路由元信息 .meta const router = new VueRouter({ routes: [ { path: '/foo', component: Foo, children: [ { path: 'bar', component: Bar, // a meta field meta: { requiresAu

【vue2.0】Cannot read property 'matched' of undefined

热门推荐

李留白

02-27

2万+

最近在尝试用vue-cli 架手架自动生成vue2.0项目时，用到了vue-router。但是一直报错如下：Uncaught TypeError: Cannot read property 'matched' of undefined 一直没找到原因，最终在尝试无数次后，发现问题在引入路由文件后的命名上，代码如下： import Vue from 'vue' import App from './A

2种方式解决vue路由跳转未匹配相应路由避免出现空白页面或者指定404页面

weixin_30731305的博客

03-29

917

https://www.cnblogs.com/goloving/p/9254084.html https://www.cnblogs.com/goloving/p/9254084.html 1、路由全局守卫　　在做项目的时候，遇到需要做路由跳转，但当用户输入错误url地址，或是其它非法url路由地址，我们或许会想到跳转至404页面。不管你有没有写一个404页...

解决springboot项目Positive matches: AopAutoConfiguration matched: 报错

qq_54302777的博客

03-09

1236

解决springboot项目Positive matches: AopAutoConfiguration matched: 报错

vue-router 利用 $route 的 matched 属性实现面包屑效果

天空之上有座城

11-20

1万+

我们以一个固定的路由表来说明 let routes = [ { path: '/', component: () => import('../pages/layout/Layout.vue'), children: [ { name: 'pageA', path: 'a', component: PageA, children: [ { name: '..

基于vue-router的matched实现面包屑功能

Selience的博客

09-25

2700

如上图所示，就是常见的面包屑效果，面包屑的内容一般来说，具有一定的层级关系，就以上图为例，首先是进入首页，然后点击左侧导航，进入活动管理下的活动列表页面，然后点击某一条数据，进入活动详情页面这正好与vue-router的mached属性所获取的结果有着相似的原理，所以可以基于此来实现面包屑效果！这里我使用了elementui的面包屑组件和导航菜单组件，先贴出最后的效果图：路由配置项目结构：侧边导航栏是首页、电子数码、服装鞋帽页面都会显示的，所以我创建了一个layout组件，将这三个路由的co.

vue3项目之VUE-SSR 第二次改造方案

m0_63907100的博客

03-02

493

VUE-SSR 第二次改造方案

vue动态添加路由第一次进入页面，左侧静态路由和动态路由列表均能正常显示，！但点击左侧其他路由后url有变化，但是不跳转，没有任何的报错信息

10-25

在 Vue 中，如果动态路由添加后首次进入页面可以正常显示左侧的静态和动态路由，但在点击其他路由后URL虽然改变但页面并未跳转，可能是以下几个原因导致： 1. **Vue Router** 配置问题：确认你在 Vue Router 的 `...

使用preg_match正则书写正确，但匹配不到的解决办法

江枫渔火

10-08

1058

使用preg_match正则书写正确，但匹配不到的解决办法原文见：https://blog.lmlyz.online/index/detail/id/64.html 以下建立在正则书写正确，且有匹配内容的前提下，有可能是preg_match对匹配的字符串有长度限制的问题解决办法（任选一个）： 1.在php.ini中加入（随便放到哪里）：pcre.backtrack_limit=-1 2.ini...

vue匹配不到路由跳转登录页或其他页面

12-05

7293

为了更好的用户体验，需要在用户访问某个路由的时候，如果匹配不上就跳转到另外一个页面。也就是通常所见的404页面。可以在router.beforeEach这个全局路由导航函数用to.matched.length判断有没有这个路由，0就是没有，然后跳转到登录页面或者404页面或者，也可以在路由数组里面用*来匹配，这个*的元素要放在路由数组最后面，否则无效。 ...

解决vue2.0路由跳转未匹配相应用路由避免出现空白页面

huang100qi的专栏

07-05

1万+

解决vue2.0路由跳转未匹配相应用路由避免出现空白页面

Vue 源码深入解析之 matcher 和路径切换

浮生离梦的博客

06-26

1741

一、 matcher matcher 相关的实现都在 src/create-matcher.js 中，我们先来看一下 matcher 的数据结构： export type Matcher = { match: (raw: RawLocation, current?: Route, redirectedFrom?: Location) => Route; addRoutes: (routes: Array<RouteConfig>) => void; }; Matche

前端路由中的meta、matched是什么？有哪些作用？

申小兮和林小兮的博客宝

06-25

1265

前端路由中的meta、matched是什么？有哪些作用？

【VUE】elementUI日期组件报错“dateStr.match is not a function“

SZnAl的博客

08-03

6076

elementUI日期组件报错"dateStr.match is not a function"

vue-element-admin使用的详细步骤以及报错解决

weixin_71893751的博客

08-25

1019

这个问题是ssh的报错，我们需要想办法把ssh改成https。说明你的nodejs版本和npm版本不匹配，可以通过。出现此报错说明没有nodejs，需要重新进行安装。

Vue warn 屏蔽

xuelang532777032的博客

10-21

1629

上图是烦人的提示，博主vue3-ts4.1.5-cli4.5 找过很多，改哪里都有，无奈，直接摸索 2个解决方案，一、眼不见为净打勾去掉，刷新，就没了二、改生成模式博主vue-cli4.5 嗯，保存运行。网上资料少，原创不易，点赞呗亲 ...

vue的路由跳转不到其他界面