微信小程序的傳參，頁面跳轉(zhuǎn),頁面之間傳遞參數(shù)在開發(fā)APP應(yīng)用的時(shí)候會(huì)經(jīng)常用到這樣的功能，這里就用微信小程序來實(shí)現(xiàn)，大家可以看下如何實(shí)現(xiàn)，如有錯(cuò)誤，請(qǐng)指正。

  先上demo圖:

為了簡(jiǎn)化邏輯,所以index.wxml里面只寫了兩個(gè)text.既然是跳轉(zhuǎn),那就還有其他頁面.

目錄如下:

三個(gè)頁面,但是代碼很簡(jiǎn)單.直接上代碼.

<span style="font-size:24px;"><!--index.wxml-->  
<view class="btn-area">  
 <navigator url="../navigator/navigator?title=我是navigate" >跳轉(zhuǎn)到新頁面</navigator>  
 <navigator url="../redirect/redirect?title=我是redirect" redirect>在當(dāng)前頁打開</navigator>  
</view></span> 

index.wxml中的URL就是跳轉(zhuǎn)的頁面路徑.上面代碼中就是navigator目錄下的navigator頁面,title是參數(shù).

navigator下redirect屬性是值在當(dāng)前頁打開.如果不加redirect就是跳轉(zhuǎn)到新頁面.都可以攜帶參數(shù).

navigator下redirect屬性是值在當(dāng)前頁打開.如果不加redirect就是跳轉(zhuǎn)到新頁面.都可以攜帶參數(shù).

<span style="font-size:24px;"><!--navigatort.wxml-->

 <view style="text-align:center"> {{title}} </view></span>

在navigatort.wxml中通過js代碼可以獲取到title,代碼如下

//navigatort.js

Page({  
 onLoad: function(options) {  
  this.setData({  
   title: options.title  
  })  
 }  
}) 

<span style="font-size:24px;"><!--redirect.wxml-->  
<view style="text-align:center"> {{title}} </view></span> 

<span style="font-size:24px;">//redirect.js  
Page({  
 onLoad: function(options) {  
  this.setData({  
   title: options.title  
  })  
 }  
})</span> 

最后上兩張?zhí)D(zhuǎn)后的圖.

1.跳轉(zhuǎn)到新頁面

2.在原來的頁面打開

有沒有發(fā)現(xiàn)一個(gè)細(xì)節(jié),在原來的頁面打開是不會(huì)出現(xiàn)返回按鈕的,而跳轉(zhuǎn)到新頁面后會(huì)出返回按鈕.

這是因?yàn)槲覍懥藘蓚€(gè)頁面.如果indexwxml不是一級(jí)頁面,這里都會(huì)出現(xiàn)返回按鈕.

當(dāng)然返回的結(jié)果是不一樣的:

1.跳轉(zhuǎn)到新頁面,返回是回到之前的頁面;

2.在原來頁面打開,返回是回到上一級(jí)頁面.

微信開發(fā)文檔

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！