• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序(3)--页面跳转和提示框

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

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

 

 

 

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信H5跳转到小程序发布时间:2022-07-18
下一篇:
微信小程序中如何设置跳转页面 - 求知若渴;虚心若愚发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap