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