溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序使用navigateTo數(shù)據(jù)傳遞的實例

發(fā)布時間：2020-10-16 00:53:05 來源：腳本之家 閱讀：202 作者：lqh 欄目：web開發(fā)

微信小程序使用navigateTo數(shù)據(jù)傳遞的實例

1，傳遞基本數(shù)據(jù)類型

index.js 發(fā)送頁JS

Page({ 
 data: { 
  testStr: '字符串str' 
 }, 
 onLoad: function () { 
 }, 
 next: function(e){ 
  wx.navigateTo({ 
   url: '/pages/test/test?str='+this.data.testStr, 
  }) 
 } 
})

test.js 接受頁JS

Page({ 
 data:{ 
 }, 
 onLoad:function(options){ 
  console.log("接收到的參數(shù)是str="+options.str); 
 } 
})

打印的Log如下：

接收到的參數(shù)是str=字符串str

2，傳遞對象{}

index.js 發(fā)送頁JS

Page({ 
 data: { 
  dataObj:{name:'我是name', extra:'我是extra'} 
 }, 
 onLoad: function () { 
 }, 
 toTest: function(e){ 
  wx.navigateTo({ 
   url: '/pages/test/test?dataObj='+JSON.stringify(this.data.dataObj) 
  }) 
 } 
})

test.js 接受頁JS

Page({ 
 data:{ 
  dataObj:null 
 }, 
 onLoad:function(options){   
  this.dat.dataObj= JSON.parse(options.dataObj);//解析得到對象 
 }})

打印的Log如下：

test.js [sm]:16 接收到的參數(shù)是obj={“name”:”我是name”,”dataObj”:”我是dataObj”}

3，傳遞數(shù)組集合[]

index.js 發(fā)送頁JS

Page({ 
 data: { 
  list:['item-A','item-B'] 
 }, 
 onLoad: function () { 
 }, 
 next: function(e){ 
  wx.navigateTo({ 
   url: '/pages/test/test?list='+JSON.stringify(this.data.list), 
  }) 
 } 
})

test.js 接受頁JS

Page({ 
 data:{ 
  list:[] 
 },  
onLoad:function(options){   
  console.log("接收到的參數(shù)是list="+options.list);//此處打印出來的是字符串，解析如下    
  this.data.list = JSON.parse(options.list);//解析得到集合
 }})

打印的Log如下：

test.js [sm]:17 接收到的參數(shù)是list=[“item-A”,”item-B”]

如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手