操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

摘要 當一個小程序存在多個頁面時，一般會有頁面跳轉功能，通常是通過綁定一個事件來觸發（如綁定一個按鈕，按下按鈕后跳轉到其它頁面）；本文詳細講解一下關于微信小程序如何實現頁面跳轉，以及頁面跳轉后實現頁面之間進行值傳遞，還有講解一下官方給出的三個頁面跳轉函數的區別。

三個頁面跳轉的函數

官方給出了三個頁面跳轉函數，分別是：wx.、wx.、wx.；這三個函數均能實現頁面跳轉的功能。而不同的是：

wx.：跳轉到新頁面，可以返回上一層頁面

wx.：跳轉到新頁面并且關閉當前頁面，不可以返回上一層頁面

wx.：跳轉到新頁面并且關閉當前所有頁面，不可以返回上一層頁面

如wx.跳轉到新頁面后，在新頁面的左上方有一個返回鍵，如下圖的紅色圈所示，

而wx.和wx.是沒有上圖的返回上一層的按鈕，而有一個小房屋的home鍵，如下圖所示；它可以返回到主頁面，即app.json的Pages:[ ]的第一個路徑

頁面跳轉

本次示例采用wx.函數做講解，其余兩個函數的用法一樣，只需改寫函數名即可。

項目創建兩個page微信小程序url傳值，分別為first和，first為當前頁面，為要跳轉到的新頁面。跳轉頁面功能通過一個按鈕來觸發事件。

在first.wxml里展示一個按鈕，按鈕綁定一個函數：():

<button bindtap="gotoSecond">跳轉到新頁面</button>

在first.js里定義按鈕綁定的函數：

gotoSecond:function(){
    wx.navigateTo({
      url: '/pages/second/second', //頁面路徑
    })
  },

以上代碼可實現：點擊按鈕便可跳轉頁面

頁面跳轉之間的值傳遞

值傳遞是指頁面跳轉后，傳遞一個值給新的頁面，方法如上，只需在first.js文件的跳轉函數的路徑再做修改即可：

gotoSecond:function(){
    wx.navigateTo({
      url: '/pages/second/second?value=10', 
    })

  },

在新頁面獲取傳遞過來的值，可在.js的()函數獲取

Page({
	data{
		value:null, //定義一個變量，用來保存傳遞過來的值
	},

	
	onLoad: function (options) {
	    this.setData({
	      value:options.value //獲取傳遞過來的值
	    })
  	},
}

注意：傳遞過來的值必須是在路徑的后面加上：?變量名=值

不能只加變量名，而且該變量名可以隨意取，并無需定義微信小程序url傳值，它只是一個符號。