用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 查看内容

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

Rolan 2017-12-8 00:23

思路:在js点击事件函数中对后台传过来的type进行一个判断确认就好啦上代码wxml代码:view class='index-item-bg' view class='index-item' view class='index-item-box' wx:for="{{shortcutList}}" style='backgrou ...

思路:在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值的话会始终跳往一个页面

  1. bindtap='tiao'这是一个跳转
  2. data-pos='{{index}}'这是获取下标值

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. },

本人原创博客希望大家提出意见:

鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 浪子义 来自: cnblogs

相关阅读

  • douke899 2017-12-8 15:58
    不传type, 直接把page路径传过来不是更好,