美文网首页小程序吐槽烤~
2018-04-28-wx.navigateTo 跳转恶心事件

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

作者: xiaojianxu | 来源:发表于2018-04-28 10:30 被阅读51次

    小程序开发的恶心事件收集@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'
        })
      }
    ....
    
    

    相关文章

      网友评论

        本文标题:2018-04-28-wx.navigateTo 跳转恶心事件

        本文链接:https://www.haomeiwen.com/subject/vnowlftx.html