ie9 输入框清空以后重新输入，获取的还是之前的值

最新推荐文章于 2024-04-15 12:02:00 发布

那个男孩

最新推荐文章于 2024-04-15 12:02:00 发布

阅读量543

点赞数

分类专栏： vue 文章标签： vue

原文链接：https://blog.csdn.net/weixin_30586085/article/details/102005652

版权

vue 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

在IE9中遇到了Vue的v-model双向绑定不支持导致的输入框异常问题，表现为搜索数据清除后仍保留旧值，以及elementUI表单验证失效。解决方法是在失焦事件中手动赋值，例如通过`@blur`监听并调用方法更新值。示例代码展示了如何使用`@blur`和`changeValue`函数来确保输入值的正确更新。

摘要由CSDN通过智能技术生成

Input 输入框在ie9遇到了一系列的问题，

如：页面的根据搜索条件搜索数据，清空以后重新输入，获取的还是之前的值；

elementUI 的表单验证，在一次失去焦点后无法再次触发；

后来发现是ie9 没有支持v-model 双向绑定的功能；需要在失焦后重新赋值

<el-input
placeholder="请输入内容"
prefix-icon="el-icon-search"
clearable
v-model="filters.name"
@blur="filters.name = changeValue($event)"
></el-input>
 
Vue.prototype.changeValue = function(e) {
return e.target.value;
}