最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

微信小程序路由跳轉(zhuǎn)功能實(shí)現(xiàn)

 更新時(shí)間:2025年06月17日 09:57:31   作者:干到60歲退休的碼農(nóng)  
本文介紹了微信小程序路由跳轉(zhuǎn)方法,包括wx.switchTab實(shí)現(xiàn)底部導(dǎo)航欄和wx.navigateTo跳轉(zhuǎn)非底部頁(yè)面,需配置pages數(shù)組及自定義tab-bar組件,感興趣的朋友一起看看吧

路由方式

官方參考文檔

wx.switchTab

實(shí)現(xiàn)底部導(dǎo)航欄

1.配置信息

app.json
  "tabBar": {
    "custom": true,
    "list": [{
        "pagePath": "pages/home/index",
        "text": "首頁(yè)"
      },
      {
        "pagePath": "pages/my/index",
        "text": "我的"
      }
    ]
  }

2.tabBar組件

實(shí)現(xiàn)一個(gè)公共組件custom-tab-bar,在代碼根目錄下添加入口文件:
index.js

Component({
  data: {
    value: 'home',
    list: [{
        value: 'home',
        label: '首頁(yè)',
        icon: 'home'
      },
      {
        value: 'my',
        label: '我的',
        icon: 'user'
      },
    ],
  },
  lifetimes: {
    ready() {
      const pages = getCurrentPages();
      const curPage = pages[pages.length - 1];
      if (curPage) {
        const nameRe = /pages\/(\w+)\/index/.exec(curPage.route);
        if (nameRe === null) return;
        if (nameRe[1] && nameRe) {
          this.setData({
            value: nameRe[1],
          });
        }
      }
    },
  },
  methods: {
    handleChange(e) {
      wx.switchTab({
        url: `/pages/${e.detail.value}/index`
      });
    }
  }
});

index.json

{
  "component": true,
  "styleIsolation": "apply-shared",
  "usingComponents": {
    "t-tab-bar": "tdesign-miniprogram/tab-bar/tab-bar",
    "t-tab-bar-item": "tdesign-miniprogram/tab-bar-item/tab-bar-item"
  }
}

index.wxml

<t-tab-bar value="{{ value }}" theme="tag" split="{{ false }}" bind:change="handleChange">
  <t-tab-bar-item icon="home" value="home">首頁(yè)</t-tab-bar-item>
  <t-tab-bar-item icon="user" value="my">我的</t-tab-bar-item>
</t-tab-bar>

wx.navigateTo

wx.navigateTo({
      url: '/pages/game/index?id=1',
    })

需要跳轉(zhuǎn)的頁(yè)面需要注冊(cè)在app.json的pages數(shù)組里:

  "pages": [
    "pages/home/index",
    "pages/my/index",
    "pages/game/index"
  ],

到此這篇關(guān)于微信小程序路由跳轉(zhuǎn)功能實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)小程序路由跳轉(zhuǎn)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論

西乌珠穆沁旗| 沙洋县| 华安县| 哈尔滨市| 张家界市| 贵阳市| 江川县| 三亚市| 巩留县| 龙南县| 靖江市| 临汾市| 库伦旗| 襄垣县| 乌苏市| 盈江县| 新丰县| 蓬莱市| 兰西县| 和硕县| 新闻| 盘锦市| 康保县| 夏河县| 综艺| 铁岭县| 曲松县| 武夷山市| 栾城县| 甘孜县| 望奎县| 墨脱县| 宜都市| 原平市| 老河口市| 溆浦县| 盐山县| 永城市| 正宁县| 乡城县| 怀来县|