简介: 这篇文章分享了解决Vue中`el-dialog`弹出窗口在第一次打开时数据未加载问题的技巧,通过改变组件的`key`属性来强制Vue重新渲染DOM,从而确保数据正确加载。1、问题描述 在查看图片的时候、点击预览按钮,将图片放入dialog弹出框中。然而每次页面刷新、首次预览图片、打开的窗口中并没有图片展示??? 1.1 缺陷视频...
原本的 el-tree 组件 在执行完 树节点 的懒加载后 就不会触发 load 若想重新加载需要 拿到树的根节点 然后清空子树 重新调用 load 的请求函数 请自行参考官方文档,只展示关键部分 if(node.level===0) {this.node_had= node// 保存根节点this.resolve_had= resolve ... 在需要重载的地方,添加如下代码 if(...
重新再弹出表格,表格中的第一行莫名其妙会继续高亮。 我在表格的row-click这里设置了双击取消高亮,并且将选中的这一行会存在一个本地变量之中。 但是在第二次打开的时候,第一行默认高亮,本身并没有设置该行为选中行。 第一次点开: 选中该行,点击关闭 第二次打开此el-dialog: 第一行默认高亮 第二次打开窗口...
-- 可以充当resetFields重置表单的方法来使用 --><!-- 需要注意的是 v-if绑定的dialogVisible每次关闭会让test子组件生命周期重新加载和data数据初始化--><!-- test组件传入的表单数据都需要监听并用另一个变量接收,且不能初始化就触发监听 --><el-dialog:title="'弹窗测试4-' + (dialogType === 'add' ...
比方说一个 component 在加载后会调用 API 获取数据并渲染到自己的 template 里,我们叫它<api-component> 请问如何在关闭 el-dialog 时正确清理这个 <api-component> 的所有状态,以确保下次 el-dialog 开启时使 <api-component> 重新调用 API 获取数据等一切改变其自身状态的流程?