关于微信小程序，input框的值无法输入到e.detail.value

一个小错误：

在input框输入的时候，把绑定事件写成了bindtap，所以一直无法将值输入到e.detail.value，所以一直提示错误，真傻呀

wxml

<view class="row"><text>验证码</text><input value="{{code}}" placeholder="请输入验证码" bindinput="bindCode" placeholder-class="txt" maxlength="4" > </input><view class="box" bindtap="get_code" >获取验证码</view>
</view>

data: {phone:"",code:""},bindPhone:function(e){console.log(e)this.setData({"phone":e.detail.value})console.info(this.data.phone)},

结果：

关于微信小程序，input框的值无法输入到e.detail.value相关推荐

微信小程序input框中加入小图标的实现方法
最近入坑小程序,要求在小程序的输入框中展示一个小图标,页面如下: 然后按照,html页面中的做法,在input框中添加了background-image属性,出乎意料的事,小程序报了下边这样一个错误: ...
微信小程序input搜索解决中文问题(输入拼音) 实时搜索节流处理(bindinput 节流)
微信小程序input搜索解决中文问题(输入拼音) & 实时搜索节流处理(bindinput 节流) 问题微信小程序输入拼音的时候, 还没有完全输入完成, bindinput就会触发, 当我输 ...
微信小程序 input框进行双向绑定
在微信小程序的规则中,input标签中的数据为单向绑定,无法像Vue框架中的v-model直接进行input的双向绑定. 下面有一种思路来解决双向绑定这个思路. 1.利用bindinput记录下inp ...
微信小程序 input框实现搜索历史记录
实现效果如下聚焦显示历史记录关联历史记录注意点结构上需要将input框和下面的historyList作为一个整体,可自行控制展示历史记录的规格: 使用微信缓存API wx.getStorage ...
微信小程序input框在某些手机上获取数据失败
因为加了有数据为空不允许提交的判断,测试的时候发现有的手机总是提示有数据为空,不能提交, 测试之后发现是填写手机号的input框type类型为number,然后写了三个框分别获取数据, type类型分 ...
uniapp开发微信小程序input框限制输入
input框输入手机号的约束 <input @input="onlyNum" class="inp" v-model="phone" ...
微信小程序input框输入值获取
提交表单时获取输入框的值 wxml <view><form bindsubmit="submi ...
微信小程序input框只能输入小数/正整数
官方组件说明:https://developers.weixin.qq.com/miniprogram/dev/component/input.html 给type不同的值就好,以下示例不满足则需要I ...
微信小程序input框输入值校验
1.定义正则方法 // 校验输入价格的正则方法checkInputText: function (text) {var reg = /^(\.*)(\d+)(\.?)(\d{0,2}).*$/g; / ...
小程序数据框有重影_微信小程序input重影什么原因?怎么解决重影?
微信小程序input重影什么原因?怎么解决重影?微信小程序input输入框输入出现了重影的情况,这是什么原因呢?又该怎么去解决微信小程序input重影问题. 微信小程序input重影怎么办? 问题描述 ...

关于微信小程序，input框的值无法输入到e.detail.value

关于微信小程序，input框的值无法输入到e.detail.value相关推荐

最新文章

热门文章