在Nuxt开发过程中,大家会遇到需要控制全局组件的显示与隐藏。比如说移动端的路由导航栏、头部的返回操作。。。
为了使切换页面的同时,确定是否展示全局组件,保证页面展示的平稳过渡。
下面是我在项目中用到一个办法,已实现。
1、在 middleware 中处理,middleware可以配置到 全局 也可以直接配置到 page组件中。
下图是直接配置在全局:
2、使用 middleware 的同时,结合vuex来使用。
在vuex中做全局状态判断,然后使用computed配合使用。
在Nuxt开发过程中,大家会遇到需要控制全局组件的显示与隐藏。比如说移动端的路由导航栏、头部的返回操作。。。
为了使切换页面的同时,确定是否展示全局组件,保证页面展示的平稳过渡。
下面是我在项目中用到一个办法,已实现。
1、在 middleware 中处理,middleware可以配置到 全局 也可以直接配置到 page组件中。
下图是直接配置在全局:
2、使用 middleware 的同时,结合vuex来使用。
在vuex中做全局状态判断,然后使用computed配合使用。
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1474210.html
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!