前言

最近在写新的项目，其中遇到一个问题，我的登录页和注册页相关的页面，他们的布局是相同的，所以理所当然的封装了一个layout组件，然后每个页面自己import引入它并使用，这么看其实没有问题。

但是当我给layout增加了一个持久的动画的时候，切换页面由于组件会重新渲染，这就导致动画又重新开始了，显得整体非常突兀。

于是不得不将layout组件提升到route-view路由视图的外层，然后又要考虑其他layout布局也要生效，于是就有了仿nuxt的动态布局的需求。

我希望在路由的meta配上一个layout属性，然后通过这个属性指定对应的布局组件。

此处内容已隐藏回复后方可阅读。

分类： vue 项目实战 标签： layout动态布局Dynamic Layout
版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可，禁止转载。

评论

全部评论 9

  1. 北街未雨
    北街未雨
    Google Chrome MacOS
    不明觉厉啊
    回复
  2. 123
    123
    Google Chrome Linux
    学习学习围观围观。
    回复
  3. mk
    mk
    Google Chrome Windows 10
    围观围观。
    回复
  4. Johnny
    Johnny
    Google Chrome Windows 10
    围观下，正需要类似功能
    回复
  5. QuXin
    QuXin
    Google Chrome Windows 10
    围观大佬操作
    回复
  6. eze
    eze
    Google Chrome Windows 10
    不明觉历呀。
    回复
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @eze看文章有这么快吗？
      回复
  7. wu先生
    wu先生
    Google Chrome Windows 10
    不明觉历呀。
    回复
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @wu先生非常好用的一个功能
      回复

相关推荐

vant框架Layout布局中col元素不够宽度变形的解决办法

木灵鱼儿 6125 0 0
vant layout col
获得点赞 0
文章被阅读 4,849
最后更新 24-06-23 17:46:11

目录

目录