关于在制作网页前端时遇到的一些小问题的记录

本文介绍了在Vue中处理动态路由时遇到的问题,如导入组件路径动态参数的错误,不同方式导入router的使用场景,以及如何解决动态路由刷新导致的空白页。还提到了Dialog对话框需放置在template中的注意事项。
摘要由CSDN通过智能技术生成

1.在使用动态路由时,向路由的component组件路径中添加动态参数时使用import导入会出现报错。解决方案为下图,使用const modules = import.meta.glob('../views/**/*.vue'),需要按照实际情况修改。

2.

(1)import { useRouter } from 'vue-router'

const router = useRouter(),这里面的router只能在vue组件中使用;

(2)import router from "@/router/index.js"导入的router既可以在vue组件中使用,也可以在js文件中使用。

3.解决动态路由刷新出现空白页的情况详情请参考

VUE 路由守卫 next() / next({ ...to, replace: true }) / next(‘/‘) 说明-CSDN博客

4.Dialog对话框不能放在div中,放在template中,不然显示不出来,可能是因为被固定了?

持续更新中~~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值