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

冷不防 2024-04-06 10:55 9阅读 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 条评论，9人围观）

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

相关阅读

相关 Vue内置组件

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

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

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

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

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

相关 vue 实现局部组件刷新

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

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

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

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

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

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

子组件： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2

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

相关为什么85%的大数据项目总是失败？

　　企业在推行大数据项目时往往把项目规模和范围做得很大，但是事实却是，很多大数据项目通常都会失败。2016年，Gartner估算约60%的大数据项目都会失败。一年后，Gartn

你的名字/ 2022年10月01日 14:50/ 0 赞/ 149 阅读

相关 jQuery延迟刷新

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

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

相关基于 vue2 的弹层组件 vue-bulma-dialog

vue-bulma-dialog 详细介绍 vue-bulma-dialog 是基于 Vue2、bulma0.5.3 实现的弹层组件。接口借鉴了 layer 的使用方式，调用

Dear 丶/ 2022年05月18日 00:16/ 0 赞/ 151 阅读

相关 vue强制刷新组件

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

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

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

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

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