微信小程序 tab页面切换学习01

阿呱Zoe

已于 2022-04-18 13:33:34 修改

阅读量495

点赞数

文章标签：微信小程序

于 2022-04-13 16:56:18 首次发布

本文链接：https://blog.youkuaiyun.com/qq_41383999/article/details/124152222

版权

本文详细介绍了微信小程序中实现Tab页面切换的步骤和关键点，包括配置JSON文件、编写页面组件和监听切换事件，旨在帮助开发者快速掌握这一基础功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

<!--pages/tabbar/tabbar.wxml-->
<view class="container">
    <view class="applyBox">
        <view class="searchBar">
        <view class="searchbarBox">            
            <view class="searchInput">
                <image class="xuni-icon" ></image>
                <input  type="text" placeholder="职位、技能等"/>
            </view>
        </view>
        </view>
        <view class="chooseTab">
            <view class="choosetabBox" wx:for="{
    {swiperList}}" wx:for-item="item" wx:key="index">
                <view class