本文实例讲述了微信小程序bindinput与bindsubmit的区别。分享给大家供大家参考,具体如下:
实际上的话,bindinput还有bindsubmit是没有任何的可比性的,但是两者还是常常被人一起比较,为啥?
比如一个简单的搜索框,你是愿意选择使用bindinput还是使用bindsubmit ?,虽然一个是表单,一个是文本输入框,但是两者都有一个共同点,就是可以去获取到用户的输入信息。这个时候,问题来了,区别在哪儿吗?
最简单的一段代码在下面:
& lt;形式bindsubmit=input1input的祝辞
输入name=" input1 "占位符=& lt;“这个是输入框的风格=的边界:1 rpx固体# 000;祝辞& lt;/input>
& lt;按钮的表单类型=疤峤弧弊４翘峤话磁? lt;/button>
& lt;/form>
& lt;输入bindinput=癷nput2input”占位符='这个是输入框的风格=癿argin-top: 200 rpx;边界:1 rpx固体# 000;“祝辞& lt;/input>
& lt; button>提交按钮& lt;/button>
之前
//页面/输入/input.js
页面({
数据:{input2 input1: ": " "},
input1input:函数(e) {
console.log (e);
console.log (e.detail.value.input1)
}，
input2input:函数(e) {
console.log (e);
console.log (e.detail.value);
}
})
之前
甚是简单,那么问题来了,区别在哪儿吗?
当然,暂时的区别只有一个,就是<代码> console.log>
有问题的是下面的代码:
//页面/输入/input.js
页面({
数据:{input1:“这是input1”的值,input2:“这是input2价值”},
input1input:函数(e) {
console.log (e);
console.log (e.detail.value.input1);
这一点。setData ({input1: e.detail.value.input1})
}，
input2input:函数(e) {
console.log (e);
console.log (e.detail.value);
这一点。setData ({input2: e.detail.value})
}
})
之前
& lt;形式bindsubmit=input1input的祝辞
& lt;输入值=' https://www.yisu.com/zixun/{{input1}} ' name=" input1 "占位符='这个是输入框的风格=氨呔?1 rpx固体# 000;高度:100 rpx;“祝辞& lt;/input>
& lt;按钮的表单类型=疤峤弧弊４翘峤话磁? lt;/button>
& lt;/form>
& lt;输入值=" https://www.yisu.com/zixun/{{input2}}”bindinput=癷nput2input”占位符='这个是输入框的风格=案叨?100 rpx; margin-top: 200 rpx;边界:1 rpx固体# 000;“祝辞& lt;/input>
& lt; button>提交按钮& lt;/button>
之前
其实原因很简单,就在一个地方,就是刷新界面的<代码> this.setData 这而,为啥?因为你刷新后,价值值修改,然后呢?
然后页面就刷新了,再然后呢?再然后就是因为你设置的是光标自动移动到最后一步,所以,最好的话是使用输入的时候要小心点咯,当然我不是说使用输入没有使用提交好,只是适应场景不同而已,比如没必要使用bindinput的时候去刷新界面,或则说我个人比较偏爱使用bindsbmit吧,
。
希望本文所述对大家微信小程序开发有所帮助。
