zoukankan      html  css  js  c++  java
  • 微信小程序(3)--页面跳转和提示框

    微信小程序页面跳转方法:

    1.<navigator url="../test/test"><button>点我可以切换可以返回</button></navigator>
    2.<button bindtap="chageToTest">切换页面可以返回</button>
     chageToTest:function(){
       wx.navigateTo({
         url: '../time/time',
       })
     },
    3.<button bindtap="chageToTest2">切换页面不能返回</button>
     chageToTest2:function(){
        wx.redirectTo({
          url: '../test/test',
        })
      } , 
    4.<button bindtap="chageToTest3">切换底部tabbar页面</button>
    //可以跳转tabbar栏的页面
      chageToTest3: function () {
        wx.switchTab ({
          url: '../read/read',
        })
      }, 

    微信小程序提示框:

    <button bindtap="tip">提示框</button>
    //提示框
      tip:function(){
        //成功
         wx.showToast({
           title: '成功',
           icon: 'success',
           duration: 2000
         })
       //加载中
         wx.showToast({
           title: '加载中',
           icon: 'loading',
           duration: 10000
         })
         setTimeout(function () {
           wx.hideToast()
         }, 2000)
    
        wx.showModal({
           title: '提示',
           content: '这是一个模态弹窗',
           success: function (res) {
             if (res.confirm) {
              console.log('用户点击确定')
            }
           }
         })
        wx.showActionSheet({
          itemList: ['A', 'B', 'C'],
          success: function (res) {
            if (!res.cancel) {
              console.log(res.tapIndex)
            }
          }
        })
      },

     

  • 相关阅读:
    RAND函数和SRAND函数
    称丢手帕问题
    用GDB调试程序(七)
    用GDB调试程序(六)
    用GDB调试程序(三)
    用GDB调试程序(五)
    用GDB调试程序(二)
    用GDB调试程序(一)
    SOAP 简单对象访问协议
    关于angularJS绑定数据时自动转义html标签
  • 原文地址:https://www.cnblogs.com/juewuzhe/p/7526426.html
Copyright © 2011-2022 走看看