BUG记录-VUE2.0 重置按钮不生效。

已于 2022-05-16 15:35:11 修改
阅读量3k 收藏 5
点赞数 2
分类专栏： BUG处理 文章标签： VUE
于 2018-05-22 11:08:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Eternity_Lang/article/details/80402671
版权

问题描述：重置按钮点击，表单数据没有重置

vue↓

重置方法↓

 原因：el-form需要接收一个model，并且需要配合el-form-item一起使用，并且在el-form-item上绑定prop属性，resetField方法才能好使。

解决方式：el-form-item添加prop属性，属性值为相应组件的值

结果：可以重置，但是两个日期框没有重置

原因：我把两个日期框放在了一个el-form-item中，prop没办法与两个日期框进行绑定

解决方式：将两个日期框分开放进两个el-form-item中，绑定prop属性

结果：成功！

代码↓

画面↓

结果↓

勤劳的胖子
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue3+element-plus表单重置resetFields方法不生效踩坑
YSQ_qsy的博客
08-05 1万+
vue3+element-plus表单重置resetFields方法有时不生效
vue3+element-plus表单重置resetFields方法不生效
明天的博客
10-17 987
vue3+element-plus表单重置resetFields方法不生效
vue中如何快速重置表单数据
最新发布
abcd123596的博客
06-04 364
vue如何利用函数的闭包特性 快速重置表单数据
Vue中重置表单无效问题及解决办法
liuxiaoqi_123的博客
10-26 2635
Vue中重置表单无效问题及解决办法
解决Vue中Element resetFields()重置表单不生效的问题（含Cannot read property ‘resetFields‘ of undefined问题解决）
热门推荐
unlilalila的博客
11-25 2万+
解决Vue中Element resetFields()重置表单不生效的问题， 解决Cannot read property ‘resetFields‘ of undefined问题
Vue中使用file类型input标签，无法使用reset方法清空已经选择的文件【简单粗暴的解决方案】
qq_52144300的博客
05-07 1552
无法使用reset方法清空已经选择的文件
-vue2.0:图解vue2.0
05-14
组建化框架, 有vuex vue-router 再结合webpack形成一个整体的前端解决方案. 数据状态和视图的映射关系 mvvm相对于mvc, 它们核心思想都是数据驱动视图, mvvm在数据变化后自动更新视图, 而mvc虽然分层, 但还是要手动...
vue2.0-vuex2.0-demo-jianshu
03-28
vue2.0-demo-jianshu 用Vue2.0全家桶建造的简书网站，这是一个前连通到的整体网站，包括了数据库配置。前端采用Vue2.0，服务端采用Express框架 构建设置 # install dependencies npm install # serve with hot ...
vue-testcase-minder-editor vue2.0思维导图实例
04-28
在“vue-testcase-minder-editor vue2.0思维导图实例”中，我们主要探讨的是如何利用Vue 2.x版本结合特定的插件来创建一个交互式的思维导图应用。 Vue-testcase-minder-editor 是一个专门为Vue.js设计的思维导图...
动画h5-vue2.0
05-17
动画h5-vue2.0
CDN - VUE2.0 - 源码
02-06
CDN - VUE2.0 - 源码
记录一下自己vue 重置表单不生效原因
weixin_54351827的博客
03-22 1255
element 的 Form 组件提供了表单验证的功能，需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名。 有两点需要注意: 1.要有对应的 ref，且名字一致，表明重置哪个表单。 2.prop 设置的字段名要和 v-model 绑定的字段名一致，否则重置表单或进行自定义校验规则时不会生效。 仅使用重置功能时具体校验规则不必填，但要重置的字段一定要有对应的 prop。 每次打开表单的时候不要忘记初始化没有显示在页面上的一些数据，
vue 点击事件失效
Hero_rong的博客
11-10 1万+
点击事件失效的情况，总共有三种 1. 没有点到那个元素，比如说div>span 事件绑定在div上，但是它可能点来点去是在span标签上面，这种情况，把@click点击事件绑定到span上测试一下就好了，如果是被覆盖了，加个这个，.stop 阻止一下冒泡就行了 @click.stop="doSomething($event)" 2.还有一种可能被默认事件阻止了，我们加个这个就能解决，.native @click.native='setUp(index)' 3.如果项目中的某些组件，使用了
【Bug记录】Vue绑定按钮点击事件不生效，控制台不打印信息
翱翔于世纪的博客
03-12 1109
目录一、问题描述二、发现问题并解决 一、问题描述 作为刚入门Vue小白的我，在使用Vue进行登录表单按钮绑定点击事件的时候，发现其方法没有执行。一点击按钮就会重新刷新页面。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal
vue使用element-plus中的按钮禁用
SqlloveSyn的博客
03-19 3216
大家好，今天和大家分享一下element-plus中的按钮禁用，这个是在项目制作时比较常见的，我是用在了编辑和删除中，根据登录的用户id来进行判断，如果数据对应的用户id和你登录的用户id相同的话就可以进行编辑和删除操作，如果不是则按钮为禁用状态。这个禁用属性也可以通过其他方法来实现禁用状态，大家可以根据自己的需求来进行是否禁用的一个状态。以上就是本章的全部内容，希望能够帮助到您。
HTML form表单重置按钮无效问题
Fire_Sky_Ho的博客
07-22 1万+
在编写网页的时候，突然发现有一个页面的查询表单中重置按钮不起作用了。 1.说明： 输入表单内容，不点击查询按钮，直接重置按钮，是可以清空重置表单内容的； 输入表单内容，点击查询按钮，再点击重置按钮，发现重置按钮无效，只能重置到之前输入的内容； 2.原因分析及解决办法： 查了一下w3c的标准文档，其中给的解释说是因为，type="reset"的input标签，点击后只是重置到默认值，这就很好解...
VUE 切换页面后点击按钮没有反应
喜欢吃糖丶的博客
09-28 3091
昨天线上环境出现了一个页面问题，据当事人称，他当时在这个页面停留了很久，因为吃饭去了，然后回来发现此页面按钮点不了了，除了按钮点不了外没有其他问题，按钮就跟不存在一样页面因不好对外展示已换成其他页面。
vue按钮不起作用
qq_42799920的博客
11-22 2087
如果有一天你的按钮不起作用了，可能只是你的方法名和某些关键字重合了，哎
Vue点击事件失效
m0_56800567的博客
09-20 8476
Vue点击事件失效 ,在码代码的时候发现, 使用Vue的点击事件突然失效,就算是打印输出也没有反应 , 回过头来发现是自己在引入better-scroll 的时候出现的问题, 实现滑动效果的时候 , 没有添加配置项 click: true;导致子组件的点击事件失效。1. div>span 事件绑定在div上，但是它可能点来点去是在span标签上面，这种情况，把@click点击事件绑定到span上测试一下就好了，如果是被覆盖了，加个这个，2. 还有一种可能被默认事件阻止了，我们加个这个就能解决，
vue.js - VUE2.0使用 vue-color这个插件，
07-08
你可以通过以下步骤在Vue 2.0中使用vue-color插件： 1. 首先，确保你已经安装了Vue.js和vue-color插件。你可以通过npm或yarn安装它们： ```shell npm install vue npm install vue-color ``` 2. 在你的Vue组件中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值