input校验时clear按钮变动

1.el-input输入框加了:clearable=“true"，有删除按钮，但 点击按钮时无法删除。

2.经检查调用了clear事件，但输入框中填写的东西依然无法删除。

3.代码如下

<el-input

:value="item.value"

@input="handleInputCount($event, item)"

:min="item.min || 10"

:clearable="true"

:max="item.max || 999"

style="width: 100%"

:placeholder="item.placeholder"

>

</el-input>

复制

handleInputCount(e, item) {

if(item.count){

if (parseInt(e) != 0) {

item.value = e

}

}

}

复制

二、原因

1.@input事件中添加的判断条件，导致value永远不能为空，clear事件也不生效

2. handleInputCount中本来只是不想让 让输入为0,所以添加了判断 parseInt(e)！=0，

但是忽略了类型转换后 ,undefied和""都会让判断成立，clear事件赋值为""时，因为这个判断的存在，无法赋值，item还是之前输入的值，所以无法清除。

三、解决方法

1.使用 !==判断是否相等

handleInputCount(e, item) {

if(item.count){

if (parseInt(e) !== 0) {

item.value = e

}

}

}

复制

修改后可以正常删除

四、总结

1.检查是否添加clearable属性。

2.检查input 事件是否有判断 导致 el-input无法清空。

/*

希望对你有帮助！

如有错误，欢迎指正！

*/

javascript

前端

vue.js

我有一个专利怎么申请？专利申请的流程是什么？

中国专利申请入口

广告

git 中文汉化包

76下载·0评论

2018年7月2日

gitlab设置中文或者其他语言，gitlab汉化

2.6W阅读·8评论·17点赞

2021年2月26日

gitlab汉化

1602阅读·0评论·1点赞

2022年4月7日

[Github] GitKraken 简体中文翻译补丁

314阅读·0评论·0点赞

2022年9月17日

gitlab 中文语言包（中文补丁、汉化包）下载

42下载·0评论

2019年4月21日

git学习------>如何汉化GitLab？

247阅读·0评论·0点赞

2017年6月7日

一年成功转让30000+专利案例,为客户提供高品质服务,简单便捷

中细软集团有限公司

广告

gitlab学习(17)---gitlab个人界面汉化

3527阅读·0评论·2点赞

2018年12月30日

搭建GitLab并汉化

112阅读·0评论·0点赞

2018年1月9日

Gitlab设置中文界面

6.3W阅读·8评论·29点赞

2020年5月11日

centos7安装gitlab

102阅读·0评论·0点赞

2021年12月17日

工具 -- git 汉化

648阅读·0评论·0点赞

2022年8月30日

Gitlab 设置界面中文显示

1.9W阅读·6评论·12点赞

2022年6月11日

私有仓库Gitlab的安装与汉化

1092阅读·0评论·0点赞

2022年3月7日

本地搭建部署gitlab服务并汉化

505阅读·0评论·0点赞

2022年6月22日

只需两步即可汉化git

9570阅读·1评论·1点赞

2018年8月3日

Gitlab汉化

126阅读·0评论·0点赞

2019年7月22日

Git-2.26.2-64-bit for windows 64位，带中文补丁包

11下载·0评论

2020年5月11日

Gitlab 设置页面语言为简体中文

795阅读·0评论·1点赞

2022年11月9日

GitLab汉化

266阅读·0评论·0点赞

2021年7月20日

去首页

看看更多热门内容

评论3

乐悠刘99

赞

这个data里面怎么写呀

---