微信小程式獲取某個元件的屬性值
阿新 • • 發佈:2018-12-14
最近開發微信的小程式,由於之前只是學習了一點JS的相關知識,知道在WEB開發中有document物件,用這個機制可以獲取任意節點的各種屬性,但是在微信小程式裡卻沒有,網上搜集了各種資料終於知道怎麼弄了,微信某一個元件的屬性可以(不知道是不是隻能)用時間的觸發來獲取),例如input元件可以在定義元件事件的時候獲取想要的屬性值,然後存入page的data物件自定義的變數裡邊。
Page({ /** * 頁面的初始資料 */ data: {emperature:"25℃"}, myfuction:function(e) {this.setData({temperature:time})}, inputEvent: function(e) {this.setData({temperature: e.detail.value})}, /** * 生命週期函式--監聽頁面載入 */ onLoad: function (options) { }, /** * 生命週期函式--監聽頁面初次渲染完成 */ onReady: function () {
由於事件函式針對的一定是某一個元件,可以在這個元件的事件所觸發的函式定義裡,用e.detail.value
使用this.setData(
注意區分大小寫不要寫成this.setdata)函式設定在data
(資料)物件裡定義的變數temperature的值this.setData({temperature: e.detail.value})
在wxml中
<input cursor="1" placeholder="城市" id="findcity" bindblur="inputEvent"></input>
用bindblur
(焦點失去)事件來觸發"inputEvent"