找回密码
 立即注册

QQ登录

只需一步,快速开始

微信小程序根据java后台传的type值链接不同的页面

[复制链接]
查看: 116|回复: 0
最佳答案
0 

3

主题

4

帖子

127

积分

新人求带

积分
127
 楼主| 发表于 2017-12-7 14:27:09 | 显示全部楼层 |阅读模式
思路:在js点击事件函数中对后台传过来的type进行一个判断确认就好啦

上代码

wxml代码:
  1. <view class='index-item-bg'>
  2.     <view class='index-item'>
  3.       <view class='index-item-box' wx:for="{{shortcutList}}" style='background-color:#b5d6f1' data-pos='{{index}}' bindtap='tiao'>
  4.         <image class='index-item-box-image' src='{{icon}}'></image>
  5.         <view class='icon-box-ctn'>
  6.           <view class='index-item-box-title'>{{item.name}}</view>
  7.           <view class='index-item-box-desc'>国家一级机器人培训单位</view>
  8.         </view>
  9.       </view>
  10.     </view>
  11.   </view>
复制代码

这里利用wx:for生成了多个标签(如下图)如果不根据type值的话会始终跳往一个页面  

bindtap='tiao'这是一个跳转
data-pos='{{index}}'这是获取下标值
1290273-20171206095006519-438370789.png

js代码如下:
  1. let pos = e.currentTarget.dataset.pos;获取下标值
  2. let type = this.data.shortcutList[pos].type;获取type值
复制代码

后台传的数据大概是这样子:

下面是js里面的跳转函数:
  1. tiao: function (e) {
  2.     let pos = e.currentTarget.dataset.pos;
  3.     let type = this.data.shortcutList[pos].type;

  4.     if (type == 5) {
  5.       wx.navigateTo({
  6.         url: '../../../pages/teachers/faculty/faculty',
  7.       })

  8.     } else if (type == 8) {
  9.       wx.navigateTo({
  10.         url: '../../../pages/opus/opus',
  11.       })
  12.     } else if (type == 1) {
  13.       wx.navigateTo({
  14.         url: '../../../pages/about/profile/profile',
  15.       })
  16.     } else if (type == 3) {
  17.       wx.switchTab({
  18.         url: '../../../pages/trade/trade'
  19.       })
  20.     }
  21.   },
复制代码

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



henkuai.com是专业的第三方微信开发者平台,为生态而生。


本站为第三方微信开发者平台,非腾讯官方网站。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

欢迎来这里一起喝喝茶,
聊聊你的产品。

微信公众号gongzhongkaifa

工作日12小时内回复。

广告推广
zhongcong@henkuai.com

工作日12小时内回复。

市场合作
songchang@henkuai.com