小程序input组件问题

3236关注9585浏览

项目是用wepy生成的,出现一个问题:input组件在工具上调试正常,但在手机上预览或者体验版时,将光标移到最前面,点击删除,e.detail.value变为了空,不知道什么情况。。。。





代码如下:

<template>

<view class="container">

<form bindsubmit="formSubmit" bindreset="formReset">

<view class="title">请输入孩子的账号和密码 </view>

<view class="section">

<input bindinput="countValChange" name="account" placeholder="请输入孩子的账号或绑定的手机号" />

</view>

<view class="section">

<input bindinput="psdValChange" name="password" placeholder="请输入密码" password="{{!showPsd}}" />

<view class="imgWrap" bindtap="showPsd">

<image wx:if="{{!showPsd}}" src="../static/password1.png" />

<image wx:if="{{showPsd}}" src="../static/password2.png" />

</view>

</view>

<view class="btn-area" wx-if="{{isSub}}">

<button formType="submit">关联账号</button>

</view>

<view class="btn-area notSub" wx-if="{{!isSub}}">

<button>关联账号</button>

</view>

</form>

</view>

</template>


<script>

import wepy from 'wepy'

import { connect } from 'wepy-redux'

import { SET_BIND_STATUS } from '../store/types/user'

@connect({

bindStatus (state) {

return state.user.bindStatus

}

}, {

setBindStatus: SET_BIND_STATUS

})

export default class ChildInput extends wepy.page {

config = {

navigationBarTitleText: '关联孩子账号'

}

components = {}


data = {

showPsd: false,

count: '',

psd: ''

}


methods = {

formSubmit (e) {

// 后台交互

console.log('form发生了submit事件,携带数据为:', e.detail.value)

this._bindAccount(e.detail.value.account, e.detail.value.password)

// 弹窗

// wepy.showToast({

//   title: '成功',

//   icon: 'none',

//   duration: 2000

// })

},

showPsd() {

this.showPsd = !this.showPsd

},

countValChange(e) {

this.count = e.detail.value

console.

展开全部
收起
3回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Erin院长

    20人对此回答表示赞同

    我也遇到了这问题。光标在输入框的文字中间开始删除,输入框前面的文字删除完,输入框后面还有文字。console.log为空。请问主是怎么解决的?

    展开
    20
    1回复
    发布于 6年前

    评论(1)

    收起评论

    • Cathy云 2019-02-03 22:48

      我觉得这是官方的bug,其实提交表单的时候值还能获取到,我之前是先在提交之前去做一些验证,现在改成在点击按钮提交的时候在验证

      回复
  • Frederick富坚

    13人对此回答表示赞同

    差不多也遇到这个问题,只是我是手机端用input调起键盘时,多按几次删除,光标就莫名跑到中间,删完中间的字,e.detail.value就为空了,因为我的input是隐藏的,导致后面有值也删不掉了

    展开
    13
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • Abigail

    12人对此回答表示赞同

    试了官方提供的例子,也会有这个问题,看来是有一个bug

    展开
    12
    1回复
    发布于 6年前

    评论(1)

    收起评论

    • 林小姐也是lyn 2019-02-05 08:43

      这问题说了好久了还没解决

      回复
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部