安卓 input组件value值重置后,视图上没重置
发布于 5 年前 作者 duantao 2679 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

点击清除和取消会触发input的value值重置为’’,但是会出现偶尔性不清除,通过console.log打印得出data里的value已经重置了,但是视图上没变化;

  • 预期表现

input输入框的值清空

  • 复现路径
  • 提供一个最简复现 Demo

weui的输入框就能重现;

<view class=‘box’>

<i class=‘icon iconfont icon-search’></i>

<input type=‘number’ placeholder-style=‘color:#a8a8a8’ placeholder=‘搜索序号’ value=’{{inputVal}}’ bindinput=‘inputValue’></input>

<view class=“weui-icon-clear” catchtap=“clearInput”>

<icon type=“clear” size=“14”></icon>

</view>

</view>

Page({

/**

  * 页面的初始数据

  */

data: {

inputVal: ‘’,

isInputFocus: false

},

//搜索框输入

inputValue: function(e) {

let that = this;

let value = e.detail.value;

that.setData({

inputVal: value

});

},

//清除输入

clearInput: function () {

let that = this;

that.setData({

inputVal: ‘’

});

},

})

3 回复

value

延时几毫秒清空就行了。因为失去焦点后才能赋值的。

你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

你的后来咋好的,我的现在出现这个问题,真机调试都是好的,但是就是实际用的时候就不对,不赋值,或者是很早以前的值

回到顶部