vue 子路由切换出现闪烁的问题。
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 子路由切换出现闪烁的问题。相关的知识,希望对你有一定的参考价值。
参考技术A 用 vue-cli 创建的初始模板里面,并没有 vue-router,需要通过 npm 安装cnpm i vue-router -D
安装完成后,在 src 文件夹下,创建一个 routers.js 文件,和 main.js 平级
然后在 router.js 中引入所需的组件,创建 routers 对象
import Home from './components/home.vue'
const routers = [
path: '/home',
name: 'home',
component: Home
,
path: '/',
component: Home
,
]
export default routers
在创建的 routers 对象中, path 配置了路由的路径,component 配置了映射的组件
需要注意的是,export default routers 必须写在文件底部,而且后面还需要接一空行,否则无法通过 ESlint 语法验证 参考技术B 是不是加了transition. 有没有加mode='out-in' ?本回答被提问者采纳
以上是关于vue 子路由切换出现闪烁的问题。的主要内容,如果未能解决你的问题,请参考以下文章
vue父路由默认选中第一个子路由,切换子路由让父路由高亮不会消失