思路：在js點(diǎn)擊事件函數(shù)中對后臺傳過來的type進(jìn)行一個判斷確認(rèn)就好啦

上代碼

wxml代碼：

<view class='index-item-bg'>
    <view class='index-item'>
      <view class='index-item-box' wx:for="{{shortcutList}}" style='background-color:#b5d6f1' data-pos='{{index}}' bindtap='tiao'>
        <image class='index-item-box-image' src='{{icon}}'></image>
        <view class='icon-box-ctn'>
          <view class='index-item-box-title'>{{item.name}}</view>
          <view class='index-item-box-desc'>國家一級機(jī)器人培訓(xùn)單位</view>
        </view>
      </view>
    </view>
  </view>

這里利用wx：for生成了多個標(biāo)簽（如下圖）如果不根據(jù)type值的話會始終跳往一個頁面

bindtap='tiao'這是一個跳轉(zhuǎn)
data-pos='{{index}}'這是獲取下標(biāo)值

js代碼如下：

let pos = e.currentTarget.dataset.pos;獲取下標(biāo)值
 let type = this.data.shortcutList[pos].type;獲取type值

后臺傳的數(shù)據(jù)大概是這樣子：

下面是js里面的跳轉(zhuǎn)函數(shù)：

tiao: function (e) {
    let pos = e.currentTarget.dataset.pos;
    let type = this.data.shortcutList[pos].type;
    if (type == 5) {
      wx.navigateTo({
        url: '../../../pages/teachers/faculty/faculty',
      })
    } else if (type == 8) {
      wx.navigateTo({
        url: '../../../pages/opus/opus',
      })
    } else if (type == 1) {
      wx.navigateTo({
        url: '../../../pages/about/profile/profile',
      })
    } else if (type == 3) {
      wx.switchTab({
        url: '../../../pages/trade/trade'
      })
    }
  },

本人原創(chuàng)博客希望大家提出意見: