router-link里面文本不显示问题

最新推荐文章于 2024-06-29 16:57:52 发布
最新推荐文章于 2024-06-29 16:57:52 发布
阅读量1.6k 收藏
点赞数 1
文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jsmylo/article/details/125078658
版权

一.项目里面在menu菜单栏使用ant-design的menu组件，在标签里面使用图标组件和router-link标签。在router-link里面写文本，不显示。

  • 踩坑踩坑，找了半天没找到解决办法，csdn,知乎，都逛遍了。百思不得其解。也不报错。
  • 最后临近暴走状态，心想试试，果然解决了。这里记录一下。

二.看解决前和解决后

  • 解决前
<a-menu-item key="1">
	<a-icon type="ho
最低0.47元/天 解锁文章
是你那
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
router-link导航后，子页面不显示导航样式问题
qq_40420929的博客
12-02 767
一、问题 当使用，点击进入导航1下面的子页面，不会显示导航1的当前active样式（即图中绿色框里的蓝色下划线） 二、解决源码 修改router.ts文件中的路由配置信息 主要是在导航1加入redirect const router = createRouter({ history: routerHistory, routes: [ { path: "/导航1", component: '', redirect: "导航1", childre
vue组件vue-rounter,router-link标签使用
weixin_34324081的博客
01-22 1039
2019独角兽企业重金招聘Python工程师标准>>> ...
router-link不识别
weixin_42600128的博客
02-16 775
router-link是Vue.js中的一个组件，它用于实现页面跳转和路由功能。如果你的代码中出现了“router-link不识别”的错误，可能是以下原因之一： 你没有正确引入Vue.js的router模块。在使用router-link之前，需要在代码中引入Vue.js的router模块，否则Vue.js无法识别router-link组件。 你的代码中存在拼写错误。请检查代码中是否有拼写错误，...
vue-router 路由嵌套显示不出来_vuerouter 知识点查漏补缺
weixin_39898150的博客
11-20 489
一、前言要学习vue-router就要先知道这里的路由是什么？为什么我们不能像原来一样直接用标签编写链接呢？vue-router如何使用？常见路由操作有哪些？等等这些问题，就是本篇要探讨的主要问题。二、vue-router是什么这里的路由并不是指我们平时所说的硬件路由器，这里的路由就是SPA(单页应用)的路径管理器。再通俗的说，vue-router就是WebApp的链接路径管理系统。 v...
vue-router 路由嵌套显示不出来_vue: router-link 动态路由
weixin_39594439的博客
11-25 2032
动态路由: 根据路由的不同请求不同的数据。$router 获取vue-router实例$route 获取url的详细信息:id表示在user后任意参数都可以访问到对应组件，但是必须有" / "。如: localhost:8080/user/1// router.js文件 打印this.$route<id存在$route.parms.id中然后我们把它渲染在template中header文件:...
vue 路由能够跳转，但不显示内容
z_sr1的博客
09-30 476
<router-linkto="/">首页</router-link>| <router-linkto="About">About</router-link> 已经成功跳转 不显示每个页面的内容 需要加上 <router-view></router-view>
关于使用路由跳转时，页面不呈现的问题，
m0_55557411的博客
04-09 832
关于使用路由跳转时，页面不呈现的问题，
react-text-loop:使标题中的单词动起来
04-28
React文本循环 标题的文本节点的动画循环。...import Link from "react-router" ;import { BodyText } from "./ui" ;class App extends Component { render ( ) { return ( < h2> < TextLoop> < span> Fi
计算机网络-清华版-吴功宜课后习题.pdf
11-15
* UDP（User Datagram Protocol）：提供不可靠的连接式数据传输。 * ICMP（Internet Control Message Protocol）：提供网络错误报告和诊断。 三、网络设备 网络设备是计算机网络的组成部分，包括路由器、交换机、...
java代码实现tplink路由器重启及连接断开功能
05-27
在实际应用中，需要处理各种可能出现的异常，比如网络连接问题，认证失败，路由器无响应等。Java的try-catch语句用于捕获和处理这些异常。 8. **命令行界面或图形界面**： "restartRoute"项目可能提供了一个简单...
WhatsApp-Clone：WhatsApp Clone提供有关如何使用React Native，ReactJs，Typescript，NodeJs，ExpressJs，ExpressJ，MongoDB，Socket.io，Heroku和从头开始创建全栈，移动，混合Web应用程序的实施的深入视图。 Firebase部署。 :fire::fire:
02-04
您可以在此存储库中看到以下功能正在运行， 即时和实时文本一对一聊天用户的在线/离线可用性上次查看时间未读邮件计数指示器实时状态更新多个状态视图以及进度通过二维码网页登录具有实时聊天和状态的WhatsApp Web ...
vue开发移动端底部导航条功能
10-15
这个组件包含了一个`<div>`元素，里面是四个`router-link`元素，分别代表不同的导航选项。每个`router-link`都链接到对应的路由，如“首页”、“分类页”、“购物车”和“个人中心”。`iconfont`图标和文字标签提供...
VUE中使用路由能够实现跳转却不显示内容
qq_44258878的博客
02-16 1678
VUE中使用路由能够实现跳转却不显示内容 使用VUE的时候，利用路由跳转界面的话，需要在Index.html加上一句代码 <rouer-view></rouer-view> 原本的index.html如下： <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" cont
router-link之导航图标不高亮解决方案总结
Homer_Simpson的博客
06-11 1427
用<router-link>做导航引发的选中图标不高亮bug； 如图所示： 引发bug的情况： 在子路由中使用<router-link>组件，在切换<router-view>时导致选项不高亮。 百思不得其解，百度说是路由配置方法不对，这里给出另外一种经过实践可用的方法。 解决方案： 在父组件中监听子路由变化，动态的给父组件选中的标签加上高亮class。 代码：...
使用router-link，在浏览器后退之后，在点击跳转，URL变化，但是页面不刷新问题，解决办法
qq_39030777的博客
01-27 1198
在父组件中 <router-view :key="$route.fullPath"></router-view>
vue跳转页面后不显示文字_vue-router 动态加载路由，可以实现，但是刷新页面就不显示了...
weixin_39699746的博客
12-20 1168
问题描述：vue-router 动态加载路由，可以实现。但是刷新页面就不显示了，路由的数据，保存在sessionStorage中，刷新后进行了重新加载。但是组件就是不显示，测试发现，路由是添加成功的，但是就是不显示，就看到一个空白页面。代码如下：if (to.name === 'Login') {next();} else {if (to.meta.requireAuth) { // 验证用户是否...
router-link+tag+a路由失败
风凉zz的博客
03-26 934
router-link失效场景 <router-link to="/home/xxxxxx/" tag="li"> <a href="javascript:">点我</a> </router-link> 这种情况下点击li标签区域，不会路由，URL地址也没有改变。反而点击<a>标签能正确路由。 原因 router-link通过tag改...
JS：防抖与节流函数的实现与应用
最新发布
qq_45820271的博客
06-29 101
防抖：一连串操作只执行一次。通过设置一个延迟时间，如果这段时间没有再次执行操作则运行目标函数，否则重新计时。
jQuery 选择前、后、父元素进行操作
qq_30049249的博客
06-25 555
https://andi.cn/page/621465.html
router-link不显示
08-18
router-link不显示可能是由于以下几个原因导致的： 1. 路由路径写错：确保你的路由路径在注册和使用时没有错误。如果路径写错了，可能会导致页面无法正常显示。 2. 缺少router-view标签：在父页面中确保正确添加了<router-view>标签，用以展示子页面的内容。如果没有添加该标签，页面内容将无法显示。 3. 插值未生效：如果在router-link中使用了插值，但是插值没有生效，可能是因为插值的位置或语法有问题。确保插值语法正确，并且在需要插入的位置使用了双大括号{{}}。 4. 链接式跳转问题：如果使用的是链接式跳转，确保你的代码中正确使用了<router-link>标签，并且指定了正确的to属性值。 请检查以上几个方面，排查可能导致router-link不显示的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue中路由跳转方式汇总，解决正确跳转不能显示页面问题。](https://blog.csdn.net/weixin_44226789/article/details/109412800)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [router-link里面文本不显示问题](https://blog.csdn.net/jsmylo/article/details/125078658)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值