1. 程式人生 > >微信小程式獲取某個元件的屬性值

微信小程式獲取某個元件的屬性值

最近開發微信的小程式,由於之前只是學習了一點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"

函式。