午夜91福利视频,午夜成人在线观看,午夜在线视频免费观看,午夜福利短视频,精品午夜成人免费视频APP

小程序模板網

小程序路由帶參數

發布時間:2021-07-02 08:57 所屬欄目:小程序開發教程

通過url帶參傳遞

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

點擊事件傳參

  • 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
       })
    }
  • 跳轉頁面取值
onLoad(options){
    console.log(options.id)//options.id就是傳遞的參數。
}

點擊事件在js中賦值

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

注意

1. wx.navigateTo({url:""})
保留當前頁面,跳轉到應用內的某個頁面。但是不能跳到 tabbar 頁面。使用 wx.navigateBack 可以返回到原頁面。小程序中頁面棧最多十層。
2. wx.redirectTo()
關閉當前頁面,跳轉到應用內的某個頁面。但是不允許跳轉到 tabbar 頁面
 wx.switchTab({
     url: '../../pages/reg/reg',
     # success:function(){
     #    console.log('caled switchtab ')
     # }
 })
4. wx.reLaunch()
關閉所有頁面,打開到應用內的某個頁面(可以帶參數跳轉到tabBar)
5.wx.navigateBack()
關閉當前頁面,返回上一頁面或多級頁面。可通過 getCurrentPages 獲取當前的頁面棧,決定需要返回幾層。


易優小程序(企業版)+靈活api+前后代碼開源 碼云倉庫:
本文地址://www.jinyoudianli.com/wxmini/doc/course/26928.html 復制鏈接 如(ru)需定(ding)制(zhi)請聯系易優客(ke)服(fu)咨詢:

工作日 8:30-12:00 14:30-18:00
周(zhou)六及部分節假(jia)日提供值(zhi)班服務

易小優
轉人(ren)工 ×