微信小程序傳值的幾種方式
阿新 • • 發佈:2018-12-04
存儲 全局 定義 tar ase 點擊 url 方式 this
第一種:通過鏈接傳值(跳轉頁面傳值)
index.wxml
<view>{{ msg }}</view> <button bindtap="clickMe">點擊我</button> clickMe: function () {//點擊事件 wx.navigateTo({ url: ‘../1111?id=1‘//傳值 }) this.setData({ msg: "Hello World" }) }, 跳傳頁面接受值 onLoad: function (options) { console.log(‘query‘,options) }, 第二種方式 data-* || id(適合在本頁面傳值) <button bindtap="clickMe" data-id=‘{{key}}‘>點擊我</button>//當然key在data中必須有值 <button bindtap="clickMe" id=‘{{key}}‘>點擊我</button> var id = e.currentTarget.id; var id = e.currentTarget.dataset.id; console.log(id)通過使用data - xxxx 的方法標識來傳值
通過使用data - xxxx 的方法標識來傳值,xxxx可以自定義取名 比my.wxml中的data-index。
如何獲取data-xxxx傳遞的值?
在js的bindtap的響應事件中:
通過數據解析一層層找到數據,var id=e.target.dataset.index(根據你的data-id的取名)
如js中的兩個打印就是通過兩種不同方式獲得的id。
第三種方式本地存儲(和第四種一樣都是可以全局使用的)
wx.setStorage({
key:"key",
data:"value"
})
wx.setStorage({
key: "key",
data: "很多的數據"
})
第4中方式全局app對象
const app = getApp()
app.datakey=‘sks‘;
const app = getApp()
var sks = app.datakey;
console.log(sks)
微信小程序傳值的幾種方式