Vue项目dialog内组件数据刷新总是延迟慢一拍

冷不防 2024-04-06 10:55 15阅读 0赞

> **目录**
> 
> 一、问题
> 
> 二、解决方案
> 
> 1、代码简单模拟
> 
> 2、JS
> 
> --------------------
> 
> ### 一、问题 ###
> 
>     用dialog做了一个一个新增功能，有个多层复选框，关联一个文本域。
>     选中复选框时，文本域刷新，但是总是慢一拍。
>     :destroy-on-close="true", v-if, $nextTick,用个遍了,都不好使。
>     同样的功能在编辑页面就是正常的，区别仅仅是因为新增是dialog子页面，
>     由此入手排查问题，发现竟然是...
> 
> ### 二、解决方案 ###
> 
> #### 1、代码简单模拟 ####
> 
> 源码不便展出，凑合看解决问题就好~
> 
>     <el-dialog :destroy-on-close="true"  title="国服李白" :visible.sync="dialogEdit">
>           <span>这是一段信息</span>
>           <flow-chart :dialogNodes="dialogNodes" :key="timer0"></flow-chart>
>           <span slot="footer" class="dialog-footer">
>               <el-button @click="dialogVisible = false">取 消</el-button>
>               <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
>           </span>
>     </el-dialog>
> 
> 组件上添加 `:key="timer1"` data 中定义 `timer0` 为 `''`  
> 在获取数据成功后 将 timer0 赋值为 `this.timer1 = new Date().getTime()`
> 
> #### 2、JS ####
> 
>     const res = await ApiUserManage.execDiagram(param)
>               if (res.success){
>                 this.timer0 = new Date().getTime()
>                 this.dialogNodes = res.result.nodes
> 
> **有用请点赞，养成良好习惯！**
> 
> **疑问、交流、鼓励请留言！**

发表评论取消回复

表情：

评论列表（有 0 条评论，15人围观）

还没有评论，来说两句吧...

相关阅读

相关 MySQL性能瓶颈：为何查询总是慢半拍？

MySQL性能瓶颈可能由多种因素导致。下面列出一些常见的原因，解释为何查询总是慢半拍： 1. **索引缺失**：如果查询涉及到的列没有对应的索引，那么MySQL将不得

向右看齐/ 2025年01月12日 01:06/ 0 赞/ 36 阅读

相关 MySQL性能瓶颈：为何查询速度总是慢一拍?

在MySQL中，查询速度慢可能由以下几个方面引起： 1. **索引问题**： - 如果表中的数据需要频繁通过某个字段进行筛选，但这个字段没有建立正确的索引（如B树或哈希

末蓝、/ 2025年01月06日 14:03/ 0 赞/ 48 阅读

相关 Vue内置组件

Vue内置组件 * component * transition * transition-group * keep-alive * includ...

布满荆棘的人生/ 2024年04月17日 06:01/ 0 赞/ 107 阅读

相关 Vue项目dialog内组件数据刷新总是延迟慢一拍

> 目录 > > 一、问题 > > 二、解决方案 > > 1、代码简单模拟 > > 2、JS > > -------------------- > > 一、问题

冷不防/ 2024年04月06日 10:55/ 0 赞/ 16 阅读

相关 vue 实现局部组件刷新

在 vue 项目里想实现组件的局部刷新，我用到过的方法整理了一下： 1、 provide / inject 方法使用 v-if 方法来控制 router-view 的

我不是女神ヾ/ 2023年01月03日 04:57/ 0 赞/ 250 阅读

相关 vue刷新后非常慢加载慢

![!\](https://img-blog.csdnimg.cn/20201019164122299.png\pic\_center)][https_img-blog.csd

怼烎@/ 2022年12月16日 09:07/ 0 赞/ 273 阅读

相关 ElementUI获取子组件Dialog内的Form

子组件： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2

蔚落/ 2022年11月11日 05:25/ 0 赞/ 173 阅读

相关 jQuery延迟刷新

function member_changeRole(id){ layer.confirm('确认要转换为设计师吗？',function(index){

我会带着你远行/ 2022年06月18日 00:25/ 0 赞/ 186 阅读

相关 vue强制刷新组件

前言：在开发过程中，有时候会遇到这么一种情况，通过动态的赋值，但是dom没有及时更新，能够获取到动态赋的值，但是无法获取到双向绑定的dom节点，这就需要我

迷南。/ 2021年09月16日 07:40/ 0 赞/ 555 阅读

相关下拉刷新组件（Vue版）

![在这里插入图片描述][20200621225047544.gif] <!DOCTYPE html> <html> <head> <m

Myth丶恋晨/ 2021年07月25日 00:08/ 0 赞/ 517 阅读