自定義微信小程序tabBar 之頁面跳轉不刷新

使用組件的方式

在組件的wxml中寫入代碼

<view class="tabar">
    <view class='tabar-dh'>
      <block wx:for="{{listInfo}}" wx:key="this">
      <view data-id='{{index}}' data-current="{{index}}" class='tabar-dh-inner'>
        <navigator open-type='switchTab' hover-class="none" url='{{item.pagePath}}' wx:if="{{tabStatu !== item.current}}">
          <image class='icon-home' hidden='{{curIdx===index}}' src="{{item.imgUrl}}" mode='scaleToFill'></image>
          <image class='icon-home' hidden='{{curIdx!==index}}' src="{{item.curUrl}}" mode='scaleToFill'></image>
          <view class='{{curIdx===index?"colorRed":""}}'>{{item.text}}</view>
        </navigator>
        </view>
      </block>
    </view>
    <button wx:if="{{canIUse && !hasUserInfo}}" class='tabar-share' open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo" ></button>
    <view wx:else class='tabar-s