Uni-app 动态设置导航栏和底部 tab 标题
该代码是一个导出的默认对象。其中包含了一个名为 'onShow' 的方法和一个名为 'setTabTitles' 的方法。
'onShow' 方法用于在页面显示时进行一些操作。首先,它通过 'getCurrentPages()' 方法获取当前打开过的页面路由数组,并将最近访问的页面路由赋值给 'curRoute' 变量。然后,它将 'curRoute' 字符串通过 'split('/')' 方法拆分成一个字符串数组 'stringArray'。接着,它通过 'stringArray' 数组的最后一个元素获取当前页面的名称。最后,它使用 'uni.setNavigationBarTitle()' 方法将当前页面的标题设置为对应的国际化文本。
'setTabTitles' 方法用于设置底部导航栏的标题。首先,它通过 'uni.setTabBarItem()' 方法分别设置第 0、1、2 个导航栏的标题。其中,第 0 个导航栏的标题使用 'this.$i18n.t('restaurant.title')' 获取,第 1 个导航栏的标题使用 'this.$i18n.t('order.title')' 获取,第 2 个导航栏的标题使用 'this.$i18n.t('mine.title')' 获取。
总之,该代码用于动态渲染导航栏标题和设置底部导航栏的标题。
原文地址: https://www.cveoy.top/t/topic/qqmI 著作权归作者所有。请勿转载和采集!