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

最新推荐文章于 2024-06-03 00:21:15 发布

kkstudy_

最新推荐文章于 2024-06-03 00:21:15 发布

阅读量3.1k

点赞数 4

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/kkstudy_/article/details/121998329

版权

一个小错误：

在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)
        
    },

结果：