小程序-e.detail.value动态获取input的value

<input type="text" bindinput="input" />
<button bindtap="btnClick">点击</button>
Page({
   data:{
     inputVal:null
   }
  input(e){
    this.setData({
      inputVal:e.detail.value
    })
  },
  btnClick(){
    console.log(this.data.inputVal)
  }
})

原文地址:https://www.cnblogs.com/wuqilang/p/12142015.html

时间: 2024-10-31 10:36:08

小程序-e.detail.value动态获取input的value的相关文章

小程序三级联动(动态获取数据)

做了两个小时才发现...不适合文字太多的联动,没办法.只能改成三个选择框的那种.在这里记录一下是如何做的,然后以后有用时再用. js const app = getApp(); Page({ data: { index: null, picker: ['喵喵喵', '汪汪汪', '哼唧哼唧'], multiNameArray: [ ['请选择','无脊柱动物', '脊柱动物'], ['请选择','一年级','二年级'], ['请选择','1班','2班', '3班'] ], muliArray:

微信小程序开发——点击按钮获取用户授权没反应或反应很慢的解决方法

异常描述: 点击按钮获取用户手机号码,有的时候会出现点击无反应或很久之后才弹出用户授权获取手机号码的弹窗,这种情况下,也会出现点击穿透的问题(详见:微信小程序开发——连续快速点击按钮调用小程序api返回后仍然自动重新调用的异常处理) 异常解析: 1. getPhoneNumber的使用: 对于 getPhoneNumber(OBJECT) API,由于小程序需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 <button> 组件的点击来触发(具体使用方法详见getP

微信小程序实现城市定位:获取当前所在的国家城市信息

微信小程序中,我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息,这个信息是当前位置的经纬度.如果我们想获取当前位置是处于哪个国家,哪个城市等信息,该如何实现呢? 微信小程序中并没有提供这样的API,但是没关系,有wx.getLocation()得到的经纬度作为基础就够了,其他的,我们可以使用其他第三方地图服务可以来实现,比如腾讯地图或百度地图的API. 以腾讯地图为例,我们可以去腾讯地图开放平台注册一个账号,然后在它的管理后台创建一个密钥(key). 然后在顶部菜单里

php小程序登录时解密getUserInfo获取openId和unionId等敏感信息

在获取之前先了解一下openId和unionId openId : 用户在当前小程序的唯一标识 unionId : 如果开发者拥有多个移动应用.网站应用.和公众帐号(包括小程序),可通过unionid来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用.网站应用和公众帐号(包括小程序),用户的unionid是唯一的.换句话说,同一用户,对同一个微信开放平台下的不同应用,unionId是相同的.详情登录微信开放平台(open.weixin.qq.com) . 在微信小程序开发中,uni

2019年最新微信小程序源码解包获取源码(分包教程)

微信小程序解包,源码是 https://github.com/qwerty472123/wxappUnpacker 大神写的.通过node wuWxapkg.js D:\wamp\www\Private\微信小程序代码\wxappUnpacker-master\wxappUnpacker-master\pkg\pkg\xxxx\_788457675_132.wxapkg 没分包一般都能获取到一般的.现在微信 7.X有了分包了后,解出来的就报错. 分包教程 node wuWxapkg.js -s=

小程序分享进入H5动态网页

在要分享的界面加上这段代码 onShareAppMessage: function (options) { var that = this; // var return_url = that.data.shareWeb; var return_url = 'https://testapi.zhenaicx.com/activityH5/invite.html?1=1' var ol1 = return_url.split("?")[0] var ol2 = return_url.spl

微信小程序 - 输入起点、终点获取距离并且进行路线规划(腾讯地图)

index.wxml <!--地图容器--> <map id="myMap" style="width: 100%; height: 300px;" longitude="{{longitude}}" latitude="{{latitude}}" scale='{{scale}}' polyline="{{polyline}}" markers="{{markers}}&quo

动态获取input内容文本 - js事件

要想通过事件实时获取文本框文本,一开始是想到下面的方法,但实际效果都存在一定的缺点. 通过change/blur事件获取 change事件只有在选中点击或者失焦的时候,才能够触发. blur事件则是只能在失焦才能除法. 我最初选择的是change事件,而这样显然是不符合实时获取的要求的. 然后在查找文档的时候,发现了input事件,这里的input指的是事件的名字.mdn对于input事件的解释是: 每当<input>元素的value值改变时,都会触发这个事件. 这个显然很适合我们的需求,先写

微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传

1.index.wxml 1 <!--index.wxml--> 2 <button style="margin:30rpx;" bindtap="chooseimage">获取图片</button> 3 <image src="{{tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx&qu