⼩程序获取input值的两种常⽤⽅式1. bindinput
事件是光标移动发⽣数据改变，不需要⼿动执⾏点击 。 数据⾃动获取
input框内使⽤属性的⽅式定义事件名称
<input  bindinput='getInputValue'name='price'type='text'placeholder='输⼊内容'></input>
在js ⽂件中定义事件⽅法获取数据
其中 e.detail 是获取 input 数据 其中包含value值, cursor 是获取光标的位置
getInputValue(e){
console.log(e.detail)// {value: "ff", cursor: 2}
}
其他还有三种⽅法⽤法⼀致:
2. bindsubmit
携带 form 中的数据触发 submit 事件
bindsubmit 事件需要配合按钮的formType="submit" 操作
设置input的name值来获取对应的数据
<form bindsubmit='loginForm'>
<text class='login-title'>⽤户登录：</text>
<input type='text'name='username'placeholder="请输⼊⽤户名"></input>写文章的小程序
<input type='password'name='password'placeholder="请输⼊账号密码"></input>
<view class='ligin-button'>
<button formType="submit"type='primary'>点击提交</button>
<button formType="reset"type='primary'>重置数据表单</button>
</view>
</form>
在js 中获取数据
通过data.detail.value获取数据，获得的是json对象数据键值对⼀⼀对应
loginForm:function(data){
console.log(data.detail.value)//  {username: "hgj", password: "fsdfsd"}
var username = data.detail.value.username
var password = data.detail.value.password;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。