Vue-element中listenFileId失效的问题

最新推荐文章于 2024-03-11 22:59:31 发布
原创 最新推荐文章于 2024-03-11 22:59:31 发布 · 240 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在Vue框架中使用resetFields方法重置表单时遇到的隐藏字段未能清空的问题。通过深入分析，我们发现了解决方案：确保所有表单项都与dataForm中的prop绑定。文章提供了具体代码示例，展示如何在表单中添加隐藏项并正确绑定prop，以确保表单完全重置。

 

this.$refs['dataForm'].resetFields()

在使用resetFields重置表单时，发现有些隐藏数据未被清空，分析发现dataForm中的数据必须有 prop 绑定，所以在表单中可以这样实现

<el-form-item v-show="false" prop="listenFileId"/>
vue-element-admin - 最新完美解决项目是英文的问题，将英文变成中文的汉化处理详细教程（克隆完项目后不是中文的解决方法）
🏆 前端领域优质创作者
06-14 6328
vue-element-admin怎么变成中文，vue-element-admin运行后是英文怎么办，vue-element-admin英文怎么改成中文，vue-element-admin模板,由英文如何改为中文，如何将vue-element-admin改为中文，vue-element-admin如何切换为中文，vue-admin-template原版是英文的怎么改成中文，英文转为中文，安装运行是英文界面调整为中文，vue-element-admin中文版如何下载，如何拿到中文版，怎么克隆后的项目是英文，默
Vue和Vue-Element-Admin（二）：vue-element-admin的目录结构和使用
叶子叶来
11-20 8259
Vue-Element-Admins是前端成熟框架，基于vue+element ui的开源技术方案：vue-element-admin 码云地址，教程：vue-element-admin教程，界面简洁清爽； 本地安装node.js和git工具，copy到本地即可运行，框架默认使用mock数据 # 克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 进入项目目录 cd vue-element-admin # 安..
el-form表单中this.$refs[“dataFormRef“].resetFields()不生效
前端-尔嵘
01-27 5915
在做增删改查的新增时候，弹窗是表单。发现新增时候并没有对表单重置，并未将其值重置为初始值并移除校验结果 首先看表单是怎么写的： -----------------------------------错误示例------------------------------------------ <el-form :model="dataForm" :rules="dataRule" ref="dataForm" v-loading="dataFormL
this.$refs[“dataForm“].resetFields()； 先点击编辑再点修改无效
weixin_41825261的博客
05-24 1708
一般添加和修改都是用一个 dialog. this.$refs["dataForm"].resetFields(); 这块代码是 清空初始值 ,如果先点击 编辑在点击 添加.那么初始值就是 编辑的时候的初始值.再点击添加的时候就是编辑时候的初始值… 正确做法 : 在编辑的时候也得 清空值 this.$refs[“dataForm”].resetFields(); 例如: 添加方法 : addEquipment() { this.dialogAddEquipment = true; t
vue 中使用 Element 上传文件组件并自定义上传方法。
youyudehan的博客
08-26 1681
vue中使用 Element 的文件上传组件，实现自定义上传图片
vue笔记之$listeners
weixin_38230961的博客
01-10 630
可以实现孙组件的数据传递到爷组件中去。
深入了解vue自定义组件之$listeners
BDawn的专栏
10-07 1350
官方文档地址 $listeners是vue提供的一个对象，里面包含了所有作用在这个组件上的监听器。 比如你要自定义一个input组件，需要监听input获取焦点的事件 你可以这样做 自定义组件代码 <template> <div> <input type="text" v-on:focus="handleFocus" v-on:input="h...
精选资源
vue-element-admin.zip（含完整依赖包）
03-21
vue-element-admin，更新时间为2021-03-21，含完整依赖包（node_modules文件夹）
vue-element-admin 和 vue-admin-template及新版本vue-element-admin调用后端接口和跨域
xxh_1229的博客
01-20 5654
vue-element-admin 和 vue-admin-template简介及新版本vue-element-admin调用后端接口和跨域 一、vue-element-admin 1、简介 而vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 功能：https://panjiachen.github.io/vue-element-admin-site/zh/guide/ GitHub地址：https://github.com/PanJiaChen/vue-eleme
vue-element-plus-admin：一套基于vue3、element-plus、ts、vite的后台集成方案
最新发布
chenchuang0128的博客
03-11 7798
vue-element-plus-admin：一套基于vue3、element-plus、ts、vite的后台集成方案，中后台前端解决方案的探索与实践。摘要：本文主要介绍了 vue-element-plus-admin，一个基于 element-plus 的免费开源中后台前端模版。文章首先介绍了该模版的开发背景和技术栈，然后阐述了其定位和特点，最后讨论了如何基于该模版进行二次开发。一、引言随着前端技术的不断发展，中后台前端解决方案的需求越来越强烈。为了满足这一需求，许多开源模版和框架应运而生。
Vue父子组件传值---- $listeners子传父的父
qq_45222558的博客
04-27 1386
最近在写vue子组件给父组件传值时，一不小心写了五个组件，这个时候用到了子组件给父组件传值，其中不乏子组件跨国它的父组件，给它的父组件的父组件传值，也就是给它的爷爷传值。听到这里是不是快晕了，来，上干货。 这是demo1,也是最底层的子组件： <template> <div >子组件01 <Button type="primary" @click="submit('formValidate')">确定</Button> <
vue2的$listeners的使用
我的博客简介
07-29 4066
listeners用于多层次组件传递事件监听器，爷爷辈组件向父辈、孙子辈、曾孙子辈……组件传递事件（与$attrs不同，不存在半路被拦截的情况）父亲通过点击div触发click事件，同时向孙子（GrandSon）传递$listeners。爷爷（GrandFather）给父亲（Father）绑定一个click事件。写法如下（注v-on不能用简写@，虽然不报错，但是也不生效）...
vue中$listener的作用和使用场景
m0_57742630的博客
06-02 1295
当需要在某个事件处理函数中取消其他事件监听器时，可以使用$listener获取当前组件上绑定的所有事件监听器，并通过$listener获取当前组件上绑定的所有事件监听器，并通过off方法进行取消。在Vue中，$listener是一个内置的属性，它用于获取当前组件上绑定的所有事件监听器。当需要在组件间传递事件时，可以将$listener作为父组件传递给子组件，在子组件中使用emit方法触发父组件上绑定的事件监听器。实现的，它会将指定的事件名称作为参数传递给父组件，从而调用相应的方法。
今天新学了两个vue上的方法$attrs,$listensters；总结一下
weixin_46156770的博客
06-28 672
vue组件之间传值很多，父与子传值用的最多的是emit和props，如果多层级传值可以用emit 和props，如果多层级传值可以用emit和props，如果多层级传值可以用attrs,$listeners **$attrs：**包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind="$attrs" $lis
Vue 补充：\$attrs和\$listeners属性
qq_43456781的博客
09-18 296
Vue3 补充：$attrs和$listeners属性 这篇文章主要给大家介绍了关于Vue v2.4中新增的$attrs及$listeners属性的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着我来一起学习学习吧。 1. 前言 多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。如果仅仅是传递数据，而不做中间处理，使用 vuex 处理，未免有点杀鸡用牛刀。Vue 2.4 版本提供了另一种方法，使用 v-bind=”$attrs”, 将父组件中
Vue $attrs和Vue $listeners属性的作用
chen__cheng的博客
07-23 365
$attrs 官方解释： 类型: {[key:String]: string} 只读 详细: 包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用。 意思：子组件可以通过这个属性获得父组件在子组件上添加的属性（除了子组件prop声明的以外的属
this.$refs[‘form‘].resetFields()方法重置表单无效的坑
m0_67391870的博客
03-05 1348
this.$refs[‘form’].resetFields()方法重置表单无效的坑 1、用法不对 要想this.$refs[‘form’].resetFields()方法有效，必须配置el-form :model 属性和el-form-item中的prop属性，才可以。 注意：this.$refs[‘form’].resetFields()这个做法其实是重置表单到初始值，不是清空表单，当表单第一次在页面中渲染时所用的数据就是初始数据。 2、坑1 在还没有显示对话框之前就调用this.$refs[‘form
Element UI 表单清空异常（resetFields无法清空表单）
wangzi1993的博客
02-21 6960
问题描述 使用表单对列表的信息进行编辑，点击【取消】按钮关闭表单并调用resetFields清空表单的值。 第一次可以清空，但是再次点击【取消】按钮，表单自动填充第一次表单的值，并没有清空。 解决方法 弹出表单后不要直接对form赋值，将赋值语句放在 this.$nextTick(() => {// 这里对表单进行赋值}) 代码示例 handleUpdate (row) { this....
this.$refs[‘form’].resetFields()方法重置表单无效的坑
m0_45858045的博客
02-16 2269
要想this.$refs[‘form’].resetFields()方法有效，必须配置el-form :model 属性和el-form-item中的prop属性，才可以。注意：this.$refs[‘form’].resetFields()这个做法其实是重置表单到初始值，不是清空表单，当表单第一次在页面中渲染时所用的数据就是初始数据。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值