uniapp——⼆级底部导航栏(⾃定义底部导航栏带⽓泡)、⼦
控件页⾯的⽣命周期
⼆级底部导航栏(⾃定义底部导航栏带⽓泡)
不知道⼤家有没有遇到过这种情况,第⼀个页⾯⽤的系统的底部导航栏,那么跳转到另外⼀个页⾯的时候,也需要⼀个底部导航啦,这⾥就不能使⽤系统的底部导航栏了,所以这个时候,我们就需要⾃⼰定义⼀个底部导航栏。
第⼀个页⾯只做⼀个跳转
第⼆个页⾯有底部显⽰:
main.js代码:
import home from './pages/secondTabbar/home/home.vue'
Vueponent('home', home)
import extend from './pages/secondTabbar/extend/extend.vue'
Vueponent('extend', extend)
import mine from './pages/secondTabbar/mine/mine.vue'
Vueponent('mine', mine)
⼦控件页⾯的⽣命周期:
mounted相当于onload,destroyed 相当于onUnload 监听页⾯卸载
beforeCreate 实例已经开始初始化之后调⽤【数据初始化未完成,页⾯没有开始渲染】
created 实例创建完成之后调⽤【组件创建完成,不代表组件已挂载到页⾯】
beforeMount 在挂载开始之前被调⽤。
mounted 挂载到实例上去之后调⽤。注意:此处并不能确定⼦组件被全部挂载,
如果需要⼦组件完全挂载之后在执⾏操作可以使⽤$nextTickVue官⽅⽂档
导航菜单beforeUpdate 数据更新时调⽤,发⽣在虚拟 DOM 打补丁之前。仅H5平台⽀持
updated 由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调⽤该钩⼦。仅H5平台⽀持beforeDestroy 实例销毁之前调⽤。在这⼀步,实例仍然完全可⽤。
destroyed Vue实例销毁后调⽤。调⽤后,Vue实例指⽰的所有东西都会解绑定,所有的事件会被移除, 所有的⼦实例也会被销毁。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论