微信小程序页面跳转传参

⑴ 微信小程序页面返回传递参数

let userInfo = {...};     //需要传递的参数，这里用对象举例。

let pages = getCurrentPages();    //返回pages的所有信息；数组格式

let prevPage = pages[ pages.length - 2 ];     //返回上一个页面的所有信息  上一级为-2

prevPage.setData({

user:userInfo      //user为上个页面需要修改的数据，如data里面的数据，数据格式要对应。

});

wx.navigateBack({

delta:1      // 返回上一级页面。

})

⑵ 寰淇″皬绋嬪簭 璺宠浆浼犲煎疄鐜版柟寮

鏃犺哄皬绋嬪簭锛岃繕鏄瀹夊崜寮鍙戯紝鍒楄〃鐐瑰嚮璺宠浆浼犲兼槸蹇呭囨帉鎻＄殑鍩虹鐭ヨ瘑銆

璺宠浆浼犲兼湁澶氱嶆柟寮忥紝1.鍙浠ュ崟绌挎煇涓瀛楁碉紝2.鍙浠ヤ紶瀵硅薄銆

杩欓噷鎴戝彧璁蹭笅鎬庝箞浼犻掑硅薄锛屽湪瀹為檯寮鍙戜腑锛屼紶瀵硅薄鏄鏅閬嶉夋嫨鐨勪竴绉嶄紶鍊兼柟寮忋

涓嬮潰鏄涓涓绫昏〃灞曠ず鐨勬暟鎹

鍒嗘瀽锛
1.鍒楄〃鐨勭偣鍑讳簨浠讹紝鏈閲嶈佺殑鏄濡備綍鑾风偣涓嬪瑰簲item鐨刾osition 涓嬫爣銆
瀹氫箟涓涓涓嬫爣锛氶氳繃 wx:for-index="index" 锛屽苟鎸囧畾 <view id="{{index}}"/>

2.閫氳繃瀹氫箟濂界殑涓嬫爣index鑾峰彇瀵硅薄銆
鑾峰彇鏂瑰紡锛 event.currentTarget.id
鍐嶉氳繃锛 jsON.stringify() 寰楀埌let;

3.鎬庝箞鎺ユ敹?
let item = JSON.parse(options.dataObject);

dataObject 鍙傛暟鏄璺宠浆url 瀹氫箟鐨勶紝绫讳技涓鑸鐨刧et璇锋眰鏍煎紡锛屼笉澶氳

鏈鍚庢荤粨涓涓嬶細

涔熷彲浠ラ氳繃鑷瀹氫箟灞炴ф潵鎸囧畾涓嬫爣 data - xxxx

鍐嶈幏鍙栵細 event.currentTarget.dataset.postid

浼犻掑氫釜鍙傛暟锛 灏辨槸涓涓猽rl璺鍔叉嫾鎺ヨ屾垚

⑶ 微信小程序页面常用的5种跳转方法

为了不让用户在使用小程序时造成困扰，微信小程序规定页面路径只能是 五层 ，所以需尽量避免多层级的交互方式。 而页面跳转则涉及到多个页面层级。 保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。 需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔； 如 'path?key=value&key2=value2' eg: wx.navigateTo({     url:'test?id=1' }) 这种跳转方式默认有返回按钮，返回到上一个页面 关闭当前页面，跳转到应用内的某个页面。 需要跳转的应用内非 tabBar 的页面的路径，路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔； 如 'path?key=value&key2=value2' eg: wx.redirectTo({     url:'test?id=1' }) 这种跳转方式默认有返回按钮，返回到上一个页面的再上一层 需要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔； 如 'path?key=value&key2=value2'，如果跳转的页面路径是 tabBar 页面则不能带参数 eg: wx.reLaunch({     url:'test?id=1' }) 这种跳转方式默认没有返回按钮，不需要默认返回按钮的页面就可以使用这个api了 需要跳转的 tabBar 页面的路径（需在 app.json 的  tabBar  字段定义的页面），路径后不能带参数 {     "tabBar": {         "list": [{             "pagePath":"index",             "text":"首页"         },{             "pagePath":"other",             "text":"其他"         }]     } } wx.switchTab({ url:'/index' }) 我们需要调转到tabbar定义的页面的时候，就需要这个api了。踩过这个坑的人就知道，除了这个api，其他的都不能跳转到tabar定义过的页面 关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈，决定需要返回几层。

⑷ 小程序 第一个页面传递数据给第二个页面展示后如何再获取第二个页面的数据并传输给第三个页面

1、设置id的方法标识跳转后传递的参数值;

2、通过使用data - xxxx 的方法来标识要传递的值 微信小程序设置id的方法标识来传值在要跳转的item处，设置一个id并给当前的id赋值上对应的key值，比如一部电影的id(后面带着id去下一个页面查询，详细信息)如：

到此为止，我们数值传递并接收成功，后面就可以根据我们接收的参数，进行进一步的操作了。