微信小程序页面跳转(三种方法)
方法1 对标签绑定点击事件
<view bindtap="clickMe" data-nid="123" data-name="SD" >点我跳转</view>Page({
...
/**
* 点击绑定的事件
*/
clickMe:function(e){
var nid = e.currentTarget.dataset.nid;
console.log(nid);
}
})
方法2 页面跳转
这里是指函数接收一个字典,其中 url 对应的值是一个 String 就是我们要跳转的页面地址。
wx.navigateTo({
url: '/pages/redirect/redirect?id='+nid
})
同时在对应页面也需要编写相应的 js 方法接受参数。也就是监听页面加载的生命周期函数 -- onload: function (options)
,页面跳转过来之后自动执行该方法。参数 options 就是我们传递的参数
redirect.js
Page({
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log(options);
}
})
注意此种页面跳转只能跳转到非tabbar的页面噢
方法3 通过标签跳转
这种方式有点类似于 html 中的 a 标签
<navigator url="/pages/redirect/redirect?id=666">跳转到新页面</navigator>
以上就是目前学习做微信小程序中页面的跳转的知识点啦,欢迎大佬们做出指正!!!
微信小程序页面跳转(三种方法)相关推荐
- 微信小程序页面跳转三种方式
为了不让用户在使用小程序时造成困扰,微信小程序规定页面路径只能是五层,请尽量避免多层级的交互方式. 页面跳转的话就涉及到了多个页面层级 第一种:wx.navigateTo(OBJECT) 保留当前页面 ...
- 抓取微信小程序数据包的三种方法
前言 做安全测试的都会遇到测试某微信小程序,而微信小程序基本都是基于HTTPS的,所以抓取HTTPS数据包就是最关键的一步.最近几天折腾了一下,整理了比较简单.方便的三种方法. 条件 抓取微信小程序数 ...
- 微信小程序---页面刷新的几种方法
话不多说,首先附上两个链接,表示感谢: 微信小程序如何刷新当前界面 微信小程序----返回上一页刷新或当前页刷新 要解决的问题:如下图所示,当点击立即借书成功之后,把请求回来的数据中的借书单数量显示到 ...
- 微信小程序使用函数的三种方法
--使用来自不同页面的函数 函数写在util.js页面 function formatTime(date) {var year = date.getFullYear()var month = date ...
- 微信小程序调用时间的三种方法
1.更改后端时间戳 //wxml<wxs module="Formater" src="../../../utils/Datetime.wxs">& ...
- h5跳转小程序页面url_微信小程序页面跳转方法
我所知道的,微信小程序页面跳转有以下方法,下面分情况说明下 一.利用小程序提供的 API 跳转: 1.简单page页面之间跳转 // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateB ...
- 微信小程序点击带id参数跳转_微信小程序页面跳转方法和携带参数详解
1.页面跳转方式 (1)标签跳转 open-type的属性值对应api里的用法即wx.的用法 1 跳转到新页面 (2)wx.navigateTo 方法跳转 此方法能够从跳转的页面会回到当前页面 1 w ...
- 微信小程序页面跳转方法总结
微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面. // ...
- php 微信公众号跳转小程序,微信小程序页面跳转功能
本文主要介绍微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法,结合具体实例形式总结分析了微信小程序页面跳转及列表item项跳转页面的相关操作技巧,需要的朋友可以参考下. 一.效果图 从 ...
最新文章
- 抛弃注意力,比EfficientNet快3.5倍,类Transformer新模型跨界视觉任务实现新SOTA
- 云信小课堂|5分钟快速实现安卓端PK连麦场景
- helm search搜索charts命令
- Canvas Clock
- idea开发搭建scala项目流程(二)
- Web前端前景、最新技术、学习路线?
- java jpeg压缩算法_在创建JPEG时,我可以更改Java的ImageWriter使用的压缩算法吗?
- VUE 浏览器最强插件——极简插件
- Recommender Sys Interview Qs
- android网易云音乐api调用,网易云音乐常用API浅析 – Moonlib
- mysql的pdb文件在哪里_pdb是什么文件?pdb数据库文件怎么打开?
- 微积分memo——一元函数积分学
- 开卷有益,学习无止境
- Kubernetes -K8S安装部署及SpringCloud应用
- sentinel流量卫兵组件学习
- 【五一创作】(2017NHOI-GOC测评)第1题 鱼形(fish)
- 光刻技术的原理和EUV光刻技术前景
- 逸鹏说道:读王阳明、曾国藩有所感
- PowerDesigner提示Existence of index、key、reference错误
- CSS画几何图形系列
热门文章
- Unity 触摸插件 TouchScript遇到的坑
- 微信分销,零网店分销代理,加盟分销平台轻松赚钱
- AIOps 在美团的探索与实践 —— 故障发现篇
- python语言和sql语言的区别_SQL和Python的集合操作对比:适合的就好!
- LSM优化系列(五) -- 【SIGMOD‘19】X-engine 在电商场景下针对大规模事务处理的优化-- 强者恒强啊
- 17.Redis系列之快照RDB方式持久化
- python库是什么意思最近那么火_好腻害 据说这个Python库要火了
- 温度数据采集模块简介
- IBM人工智能驱动的隐形恶意软件工具DeepLo​​cker
- 分账系统多少钱一套?