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组件路由事件

vue父路由默认选中第一个子路由,切换子路由让父路由高亮不会消失

动画 UIView alpha 时闪烁

vue路由多个子路由页面加载多次

vue使用v-if v-show页面闪烁,div闪现的解决方法

vue中动态路由组件缓存及生命周期函数