开发移动端时，一般来说，tabbar在整个vue项目中都会单独取出来做成一个组件，那么很多时候会遇到一种情况，打开网站打tabbar默认为0，我们跳转到tabbar为2的页面后，刷新页面，tabbar变回0了，这时候就得想办法解决这问题
mounted() {
/* 直接在tabbar组件页面监听，判断当前页面是哪个页面,
解决刷新时,tab默认为 0 的bug */
debugger
const navBarActive = window.location.hash
if (navBarActive.includes('#/home')) {
this.selected = 'home'
} else if (navBarActive.includes('#/user')) {
this.selected = 'user'
}
},
vue tabbar 手势返回状态有误 开发移动端时，一般来说，tabbar在整个vue项目中都会单独取出来做成一...
解决vue路由跳转页面不刷新的问题 通过路由传参跳转界面，页面没有刷新解决方法：在 router-view 中加 ...
Vue 状态在页面刷新时, 会丢失解决: 在页面刷新时把状态数据保存在状态里, 举个栗子:
vue跳转当前页面页面不刷新，导致切换角色的时候有些权限无法更新解决方法：1.router.go(0) 页面刷新 ...
vue单页面，多路由，前进刷新，后退不刷新 目的：vue-cli构建的vue单页面应用，某些特定的页面，实现前进刷...
问题： 切换tabbar页面时，部分手机会自动跳转到登录页面？ 解决方案：（使用自定义tabbar，不使用原生的t...
实现前进刷新 后退不刷新 场景：页面A->页面B->页面C 用户希望从A页面进入B页面时，刷新页面，从C页面返回时...
问题来源：采用vue的histroy模式写的页面，在对特定路由下的页面刷新时（eg：ip:port/testPag...
问题描述 vue单页面history路由模式项目部署上线之后, 刷新页面会跳到404页面 异常原因 页面刷新时会重...
问题场景： 当点击A页面某条记录跳转到B页面时，第一次正常，当再返回A页面点击其他记录跳转到B页面时，B页面数据没...
本文标题：vue 解决刷新页面时，tabbar和页面不匹配的问题
本文链接：https://www.haomeiwen.com/subject/kbgejltx.html
网友评论