小程序吐槽烤~

2018-04-28-wx.navigateTo 跳转恶心事件

2018-04-28  本文已影响51人  xiaojianxu

小程序开发的恶心事件收集@2018/04/28

一个 .wxml 页面绑定了多个 bindtap 事件,使用 wx.navigateTo({
"url": '../pages/a/a'
})。

点击,却出现根本不跳转。

解决的办法是:将 wx.navigateTo({}) 替换为 wx.switchTab({})

wxml 页面代码如下:

<view class="container">
  <view class="userinfo">
    <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
    <block wx:else>
      <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
      <text class="userinfo-nickname">{{userInfo.nickName}}</text>
    </block>
  </view>
  <view class="usermotto">
    <text class="user-motto" bindtap="picker">{{motto}}</text>
  </view>
  <view>
    <button bindtap='regPage'>点击注册</button>
  </view>
</view>

js 页面代码如下:

Page({
  data: {
    motto: 'Hello 小程序',
    userInfo: {"nickName": "小水窖"},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },
  //事件处理函数
  bindViewTap: function(e) {
    console.log(e)
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  // 跳转打开 picker 页面事件
  picker: function(event) {
    console.log(event);
    wx.navigateTo({
      url: '../picker/picker'
    })
  },
  regPage: function() {
    wx.navigateTo({
      url: '../reg/reg'
    })
  }
....

上一篇下一篇

猜你喜欢

热点阅读