微信小程序获取某个组件的属性值

最近开发微信的小程序,由于之前只是学习了一点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"函数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值