Vue elementui中的drawer数据不更新

最新推荐文章于 2025-10-25 15:48:44 发布
原创 最新推荐文章于 2025-10-25 15:48:44 发布 · 558 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#elementui #前端 #javascript

文章讲述了在使用React开发时，如何修复在Drawer组件中嵌套的表格组件，当dataList数据改变时无法自动刷新的问题。解决方法是先清空questionFullList，再重新赋值。

问题背景

在drawer里套了一个表格，表格绑定了dataList，当修改dataList的值时，表格数据不会刷新，只有关闭drawer且重新打开才能刷新。

解决

在修改dataList值时，先让其赋空表，再赋值
原来代码

this.questionFullList=resp.data.data

修改后`

 this.questionFullList=[]
this.questionFullList=resp.data.data
Vue3中drawer组件无法重新回显数据
莫道桑榆晚，为霞尚满天
07-08 708
不做drawer的时候数据是可以正常回显的，点击详情id是正常传值的，但是使用了drawer组件以后发现只会调用一次详情功能，以后不管点击哪条信息都不会刷新信息永远都是第一条的信息，但是id刷新成功了，后来发现是没有加v-if来判断drawer的打开值，如果您有一样的问题可以参考以下代码。欢迎大家批评指正或者有更好的方法一起交流学习！
vue3+elementPlus：el-drawer新增修改弹窗复用
意初的博客
12-27 1958
vue3+elementPlus：el-drawer新增修改弹窗复用。在el-drawer的属性里设置:title属性，和重置函数。
el-drawer组件内数据不及时更新
会思想的苇草i的博客
05-04 2071
针对el-drawer组件内数据不及时更新问题进行了基本讲解
Vue3中el-drawer关闭事件重复触发问题
最新发布
BillKu的博客
10-25 679
需要同时支持两种关闭方式：点击抽屉自带的关闭按钮点击自定义的关闭按钮问题在于这两个关闭操作可能会相互触发，导致函数执行两次。
解决了！Drawer组件表格不刷新的烦恼，一招教你搞定
三心二逸的博客
04-24 647
文介绍了在使用Drawer组件套表格时遇到的一个常见问题：修改绑定的数据源dataList后，表格数据不会即时刷新。文章提供了一个简单有效的解决方法，以及对问题产生的原因进行了分析。适合前端开发者和对Vue.js及其组件库感兴趣的技术人员
elementui-drawer模板
qq_42730111的博客
07-11 2015
【代码】elementui-drawer模板。
精选资源
根据element+vue 自定义dialog+drawer组件 弹窗+抽屉 无覆盖 + 可拖拽.7z
12-09
Vue中可以通过`v-on`指令绑定事件处理函数，并利用Vue的响应式系统来实时更新组件的CSS位置属性。 实现这一功能的步骤大致如下： 1. **创建组件模板**：首先，需要创建一个新的Vue组件，包含Dialog或Drawer的基本...
精选资源
基于vue、vuex、ElementUI的后台管理系统源码.zip
07-06
4. **ElementUI组件使用**：源码将大量使用ElementUI提供的组件，如Table用于数据展示，Form和Input用于表单处理，Button用于操作交互，Modal和Notification用于提示信息，以及Layout和Drawer等用于布局设计。...
vue2二次封装element ui的抽屉组件el-drawer
buzhidjiaosha的博客
08-16 791
【代码】vue2二次封装element ui的抽屉组件el-drawer。
精选资源
vp-drawer-transition.zip
09-16
在给定的"vp-drawer-transition.zip"压缩包中，包含了一个自定义的ElementUI组件——vp-drawer-transition，以及一个可能用于展示或测试该组件的"index.vue"文件。 首先，我们来深入了解ElementUI中的Drawer组件。...
侧边栏Drawer栏刷新
流浪的独角兽的博客
12-06 969
Drawer的整体刷新和内部刷新
el-drawer抽屉内的组件数据不更新
weixin_46972395的博客
08-24 1556
el-drawer抽屉内的组件数据不更新
vue+el-drawer 常见问题
weina1996的博客
05-18 870
1.问题背景 在drawer里套了一个表格，表格绑定了dataList，当修改dataList的值时，表格数据不会刷新，只有关闭drawer且重新打开才能刷新。 解决 在修改dataList值时，先让其赋空表，再赋值 原来代码 this.questionFullList=resp.data.data 修改后` this.questionFullList=[] this.questionFullList=resp.data.data 原文链接：https://blog.youkuaiyun.com/weixin_
vue3数据更新了，但是视图没有更新、下拉选择框数据更新了，视图还是没有数据（记录初次使用vue3的时候遇到的一些问题，以及解决办法）
都已经是第二年的立春、又何必执着于、当年的盛​夏呢？
10-23 8692
一个联动的下拉选择框，一个选择框的数据是前端定义的，第二下拉选择是通过第一个选择框的value 值去请求后端接口得到的。
vue3 elementplus el-drawer抽屉 实现在指定组件里打开
niyooooo的博客
08-05 6901
但是我这样不行，，最后查看控制台，发现el-drawer外层都包裹一个el-overlay遮罩层沾满全屏，position是fixed。所以解决方式是在抽屉外套一层div，设置，然后。
vue使用elementui的drawer组件作为子组件，出现的闪现问题
Mr_2612757的博客
03-01 2346
在父组件中点击，打开子组件的drawer,使用v-if打开会出现闪现，子组件初始化时候打开drawer需要加上。$nextTick可以解决。
vue element-ui 添加与编辑使用一个drawer
song766426的博客
09-24 1793
截图，附代码 大致说一下思路，添加按钮点击时，附一个添加的标题，调用自定义的方法让input中置空，当点击提交按钮时，进行三目运算符的判断。 这里的title按照这个格式写，不同的按钮所显示出来的drawer标题不同,需要当你点击的时候给dialogStatus赋值。 :title="textMap[dialogStatus]" 确认按钮：这里来区别是空的input（新增）还是有数据的（编辑） @click="dialogStatus==='create'?createDa..
element Drawer 抽屉的使用
热门推荐
新前端小白的博客
09-06 5万+
之前没有这个组件的时候是直接把dialog的样式改了，改成了侧弹窗的形式，element升级后就改成了Drawer 抽屉组件。 场景：Drawer 的关闭动画没有了。代码如下 <el-drawer title="我是标题" v-if="drawer" :visible.sync="drawer" :before-close="handleClose"> <sp...
vue+elementUI el-drawer实现在子组件打开抽屉组件
我要成为一个前端大牛
07-30 2万+
实现如图 elementUI官网实现的样例都是在整个屏幕展开抽屉 需要实现的是，点击头部的按钮，只在子组件展开抽屉且遮罩不遮住头部，需实现的样式如上图 实现方法 在mian.vue页面中也就是页面嵌套的父组件 首先把页面分成上下两块布局 <template> <div calss="container"> <el-header> <i class="el-icon-s-unfold" @click="
elementui抽屉中遮罩层怎么去掉
07-24
Element UI 是一套构建于 Vue.js 之上的组件库，在 Element UI 的抽屉组件（Drawer）中，默认会有一个遮罩层（overlay），这个遮罩层在抽屉打开时用于提供视觉反馈，表明某个区域不可交互。 如果希望去掉 Element ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值