微信小程序實現(xiàn)傳參數(shù)的幾種方法示例
前言
首先說點什么呢, 因為公司需求, 我也開始跳到小程序的坑里了, 填坑之路艱辛而凄涼, 好啦雖然有很多坑, 但畢竟小程序才出現(xiàn)不久, 有坑也正常, 哈哈哈不扯淡了, 來說說小程序的傳參數(shù),話不多說了,來一起看看詳細的介紹吧。
一、navigator 跳轉時
wxml頁面(參數(shù)多時可用“&”)
<navigator url='../index/index?id=1&name=aaa'></navigator>
或者添加點擊事件,js用navigateTo跳轉傳參,兩種效果一樣
wx.navigateTo({
url: '../index/index?id=1&name=aaa',
})
js頁面 在onLoad里直接獲取
onLoad: function (options) {
//頁面初始化 options為頁面跳轉所帶來的參數(shù)
var id = options.id //獲取值
},
二、全局變量
app.js頁面
globalData:{
id:null
}
賦值:
var app = getApp(); app.globalData.id = 2
取值:
var app = getApp(); var id = app.globalData.id
三、列表index下標取值
wxml頁面
<button bindtap='clickMe' data-id='1'>點擊</button>
如果需要傳遞多個,可以寫多個data-[參數(shù)]的方式進行傳遞
js頁面
clickMe:function(e){
var id = e.currentTarget.dataset.id
console.log(id);
},
注意:通過wxml設置data-[參數(shù)名]傳遞參數(shù),[參數(shù)名]只能是小寫,不能有大寫
四、form表單傳值
form表單傳值比較簡單常用,就不舉例了
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
相關文章
JavaScript里四舍五入函數(shù)round用法實例
這篇文章主要介紹了JavaScript里四舍五入函數(shù)round用法,實例分析了round函數(shù)的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
Javascript中產生固定結果的函數(shù)優(yōu)化技巧
分享一個Javascript編寫函數(shù)的優(yōu)化技巧;適用的函數(shù)應該要滿足以下條件;產生固定結果;復雜或較耗時等等,感興趣的朋友可以了解下2013-01-01

