🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
可以通过表单将输入框里的内容提取出来 ~~~ <form class="form" bindsubmit="onConfirm"> <button class="btn" plain="{{true}}" formType="submit">提交</button> <input type="text" auto-focus confirm-type="search" name="search" value="{{value}}" bindconfirm="onConfirm" placeholder="输入内容" /> </form> ~~~ 由于提交按钮获取到的值的数据格式与通过输入框搜索/回车获取到的值的数据格式不同,所以会对其进行一次判断 ~~~ Page({ data: { value: "" }, onConfirm(options){ var value = options.detail.value.search; console.log(typeof(value)); if(typeof(value)!='string'){ var value = options.detail.value } if(value){ this.setData({ value: "", }) } } else{ wx.showToast({ title: '输入内容才能评论', icon: 'none' }) } } }) ~~~ 使用input输入框时的注意事项: * confirm-type,可以设置键盘右下角的文字,仅在type="text"时生效,值有:send/search/next/go/done * value,为输入框初始内容,可以在输入完成时设置value为空,达到自动清除输入内容的效果 * bindinput,键盘输入时触发 * bindfocus,输入框聚焦时触发 * bindblur,输入框失焦时触发 * bindconfirm,输入完成,提交时触发(本例中使用过)