小程序模板網(wǎng)

小程序路由帶參數(shù)

發(fā)布時(shí)間:2021-07-02 08:57 所屬欄目:小程序開發(fā)教程

通過(guò)url帶參傳遞

  • wxml
<navigator url="../user/user?id={{item.id}}&name={{item.name}}">點(diǎn)此進(jìn)入 detail</navigator>
  • js
onLoad: function (options) { 
    this.setData({
        user_id: options.id,
        user_name: options.name
    }),
    success:function(){
    console.log('接口調(diào)用成功')
  },
  fail:function(){
    console.log('接口調(diào)用失敗') 
  },
  complete:function(){
    console.log('調(diào)用結(jié)束,調(diào)用成功失敗都會(huì)執(zhí)行')
  }
}

點(diǎn)擊事件傳參

  • wxml
<view wx:for='{{list}}' data-item='{{item}}' data-id='{{item.id}}' bindtap='goDetail'></view>
  • js
 goDetail: function(e){
    let id =  e.currentTarget.dataset.id;    
    wx.navigateTo({
         url: '../index-detail/index-detail?id=' + id
       })
    }
  • 跳轉(zhuǎn)頁(yè)面取值
onLoad(options){
    console.log(options.id)//options.id就是傳遞的參數(shù)。
}

點(diǎn)擊事件在js中賦值

  • wxml
<view bindtap="passQuery" data-index="1">點(diǎn)擊事件傳參</view>
  • js
passQuery: function(e){
    let query = e.currentTarget.dataset['index'];
    }

注意

1. wx.navigateTo({url:""})
保留當(dāng)前頁(yè)面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。但是不能跳到 tabbar 頁(yè)面。使用 wx.navigateBack 可以返回到原頁(yè)面。小程序中頁(yè)面棧最多十層。
2. wx.redirectTo()
關(guān)閉當(dāng)前頁(yè)面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。但是不允許跳轉(zhuǎn)到 tabbar 頁(yè)面
 wx.switchTab({
     url: '../../pages/reg/reg',
     # success:function(){
     #    console.log('caled switchtab ')
     # }
 })
4. wx.reLaunch()
關(guān)閉所有頁(yè)面,打開到應(yīng)用內(nèi)的某個(gè)頁(yè)面(可以帶參數(shù)跳轉(zhuǎn)到tabBar)
5.wx.navigateBack()
關(guān)閉當(dāng)前頁(yè)面,返回上一頁(yè)面或多級(jí)頁(yè)面??赏ㄟ^(guò) getCurrentPages 獲取當(dāng)前的頁(yè)面棧,決定需要返回幾層。


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉(cāng)庫(kù):starfork
本文地址:http://22321a.com/wxmini/doc/course/26928.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢