小程序 - input

一个页面有多个输入框,调用公共方法

wxml

<view class="cu-form-group">
        <view class="title">姓名</view>
        <input placeholder="请输入姓名" value="{{name}}" bindinput="inputEnter" data-name="name"></input>
</view>
<view class="cu-form-group">
        <view class="title">手机</view>
        <input placeholder="请输入手机号码" value="{{phone}}" bindinput="inputEnter" data-name="phone"></input>
</view>

js

inputEnter(e){ 
    this.setData({
      [e.target.dataset.name]:e.detail.value,
    }) 
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容