js清空数据,输入框未清空

最新推荐文章于 2023-05-04 15:14:23 发布
最新推荐文章于 2023-05-04 15:14:23 发布
阅读量745 收藏
点赞数
分类专栏： vue+vant 坑 小技巧 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dujyong/article/details/105564574
版权
小技巧 同时被 3 个专栏收录
26 篇文章 0 订阅
订阅专栏
坑
9 篇文章 1 订阅
订阅专栏
vue+vant
4 篇文章 0 订阅
订阅专栏

js清空了输入框双向绑定的数据的值,但是输入框不改变

出现bug:

在这里插入图片描述
在这里插入图片描述

我觉得代码也没问题,甚至动用了v-if刷新都不行,: 上图:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

解决:

加个定时器延时清空数据,:
在这里插入图片描述
ok,问题解决

你头发乱了喔_
关注
专栏目录
JavaScript实现输入框与清空按钮联动效果
10-21
通过上述步骤，当用户在输入框中输入内容时，清空按钮会根据输入内容的有无来显示或隐藏，用户点击清空按钮则可以清空输入框内容。这种交互方式十分常见，可以有效提升用户操作的流畅性和便捷性。 在实际开发中，...
javascript清空输入框的值问题的解决
从不卖萌o的博客
07-10 1万+
这个问题要记录下，请教了对面的vue大哥才解决。 需求： 编写一个模拟用户登录的功能，正确的账号密码均为123，页面需要两个 input 节点和一个 button 节点。要求： 点击 button 时需要判断用户输入的账号密码是否为 123 ，并给予相应的提示（方式不限） 如果账号或密码错误，将密码所在的 input 节点中的内容清空 代码： <!DOCTYPE html> &lt...
清除input框值，已清除但界面依旧显示
weixin_44317225的博客
06-11 3363
var Email = $("input[name='Email']").val();//获取邮箱input值 var pattern =new RegExp(/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/) ;邮箱正则 if(!pattern.test(Email)){ ...
输入框添加keydown后，键盘上的删除按钮失效
weixin_45966674的博客
01-06 526
这个问题看着好像很要命 但只要你找到原因就很简单了 很多时候我们会想给输入框添加回车触发搜索事件 既 $("#searchInput").on("keydown", function (e) { var e = event || window.event || arguments.callee.caller.arguments[0]; e.preventDefault(); if (e && e.keyCode == 13) { console.log($(this
JS 怎么实现点击文本框清空移出后又恢复
科比不来it
01-31 712
为了更好的增加用户体验，今天对007秒杀网http://www.miaosha007.com的头部搜索的js进行了修正，简单的说就是JS 怎么实现点击文本框清空移出后又恢复，代码如下：
【已解决】uview 输入框点击清除按钮只删除了数据未清空视图层
vivi____的博客
11-30 1800
在点击uview输入框自带的清除内容按钮后清空了数据（校验规则已经校验出数据为空），但是输入框内仍然还保留着输入的视图层数据
layui清空,重置表单数据的实例
10-16
在jQuery或原生JavaScript中，可以通过ID选择器获取到这个表单元素，然后调用`reset()`方法来清空表单数据： ```javascript $("#addGoodsForm")[0].reset(); ``` 这里`[0]`是获取到DOM元素，因为jQuery对象是一个...
js清空form表单中的内容示例
10-25
在JavaScript中，清空表单（form）的内容是常见的需求，尤其在用户完成表单提交或者需要重置表单时。本示例提供了一个全面的方法，涵盖了多种表单元素类型，确保可以有效地清除所有相关数据。以下是详细的知识点解析...
javascript 清除输入框中的数据
10-30
### JavaScript 清除输入框中的数据 在网页开发过程中，我们经常会遇到需要处理用户输入的情况。其中一项常见的需求就是能够清除输入框中的数据。本文将详细介绍如何使用JavaScript来实现这一功能，并通过具体示例...
解决文本框刷新后之前输入的值还存在，没有清空的问题
3月3的风筝
09-25 2万+
有过表单设计经验的朋友肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，以后每次只要双击 input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，但有时也会暴露用户的隐藏数据，所以今天就教大家让input表单输入框不记录输 入过信息的方法。     其实方法很简单，只需要在input文本输入框中加一条属性autocomplete="
解决vue项目input输入框双向绑定数据不实时生效问题
11-20
我就废话不多说了，大家还是直接看代码吧~ <input type=”text” maxlength=”11″ placeholder=”请输入联系人电话” v-model=”form.phone” /> 这样的输入框，绑定的是data中的form对象上的phone字段。 在mounted钩子函数里边写： this.form.phone = ‘1888888888’; 这样在页面上时候不会随着输入框值改变而改变。 解决方法如下： this.$set(this.form,”phone”,this.$route.query.mobile) 或者绑定到data里边的一个字符串，也是可以解决
【JS】模拟百度搜索，输入时实时出现提示
xxxxxwxx的博客
08-25 963
注：鼠标划过或键盘上下键操作时，划过内容显示在输入框中功能，在。中已实现，可根据“模拟下拉菜单”的写法进行添加，稍作修改。输入时，根据输入内容实时显示提示内容，再次获取焦点时，提示内容再次出现。失去焦点时，提示内容消失。
JS只清空对象的value，保留key
AQUROEAN
05-04 779
【代码】JS只清空对象的value，保留key。
React 实现输入框input的双向数据绑定
火星基地
06-30 1万+
1. 实现效果 input输入框显示的是state中的数据，state改变，input输入框中的值也跟着改变： 手动更改输入框的值，state也会相应改变： 2. 实现过程 使用React-Hook，首先定义渲染input输入框值的state，初始值为空： const [inputValue, setInputValue] = useState(''); 然后在input输入框中添加value属性，属性值为inputValue，由inputValue决定显示的内容。 <input type="t
ie9 输入框清空以后重新输入，获取的还是之前的值
xzx66666的博客
08-18 529
Input 输入框在ie9遇到了一系列的问题， 如：页面的根据搜索条件搜索数据，清空以后重新输入，获取的还是之前的值； elementUI 的表单验证，在一次失去焦点后无法再次触发； 后来发现是ie9没有支持v-model 双向绑定的功能；需要在失焦后重新赋值 <el-input placeholder="请输入内容" prefix-icon="el-icon-search" clearable v-model="filters.name" @blur="filter...
清空input文本框内参数 JS注意
SuperMan_qiuheyi的博客
04-10 1195
$("#nameSS").textbox('setValue',' '); //这个方法缺陷在于下次对它进行动态赋值时会默认加上空格，会导致原本可查的数据查不出。$("#nameSS").textbox('setValue');//这样清空即可 ...
js清空form表单里的值，清空input ，清空select
热门推荐
fei1754294833的博客
03-31 4万+
清除表单选择项
js清空input输入框内容
最新发布
05-09
在日常开发中，我们常常需要清空 input 输入框中的内容。为此，JavaScript 提供了多种方法来实现此操作，以下是其中最常用的几种方法： 1. 使用 jQuery：jQuery 是一个广泛使用的 JavaScript 库，其提供了清空 input 输入框的快捷方法。我们可以使用 val() 方法来设置输入框的值为空字符串： ``` $(":input").val(""); ``` 这个方法会选中所有输入框，如果你只想清空特定的输入框，可以把选择器改为该输入框的 ID 或类名。 2. 使用原生 JavaScript：如果你不想使用 jQuery 或其他库，也可以使用原生 JavaScript 来清空输入框。可以通过获取输入框的引用，然后用空字符串来设置它的值： ``` const input = document.getElementById("input-box"); input.value = ""; ``` 这个方法需要我们手动获取输入框的 ID 或类名，并且不适用于多个输入框。 3. 使用 form 的 reset() 方法：如果你的输入框在一个表单中，那么可以使用 form 的 reset() 方法来清空所有输入框的内容： ``` document.getElementById("myForm").reset(); ``` 这个方法可以清空整个表单，并且不需要手动获取每个输入框的引用。 总之，清空 input 输入框的内容可以使用多种方法，选择适合自己的方式即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值