【vue组件重新渲染】解决组件data赋值之后无法更新数据问题_rendercomplete 数 赋值取不到vue-程序员宅基地

技术标签: bug记录  前端  vue.js  javascript  

问题描述

组件中data赋值之后无法更新数据问题


解决方案:

触发渲染:
this.renderComponent = false;
this.$nextTick(() => {
this.renderComponent = true;
});

原始:

<div v-if="renderComponent">
      <mix-table
        ref="DetailTable"
        :is-paging="true"
        :dynamic-table-cols="tableCols"
        :table-height="tableHeight"
        :query-params="tableDataInfo"
        @rowClick="getRow"
 />
</div>
    
method(){
    
	//更改值操作
	const list = [...this.tableCols];
	      list[2] = {
    
	        ...this.tableCols[2],
	        label:’aaa’,
	      };
	      this.tableCols = [...list];
	
	//触发渲染
	this.renderComponent = false; 
	this.$nextTick(() => {
    
	  this.renderComponent = true;
	});

}

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_51147571/article/details/137876695

智能推荐

非专业学生如何系统的学习计算机编程?_不学计算机原理可以写程序吗-程序员宅基地

文章浏览阅读7k次,点赞51次,收藏191次。大家好,我是程序员吴师兄,一个坚持在 CSDN 日更原创的程序员。前几天我的一篇文章为什么有人劝别选计算机专业? 上了 CSDN 热榜第一的文章,在此感谢大家的喜爱和 CSDN 的支持,没有看过的同学可以点击蓝色链接前往阅读。发完这篇文章后,有不少的同学私信我,问的最多的一个问题就是:非专业学生如何系统的学习计算机编程?这个问题我在知乎找到一个描述,所以根据这个描述来回答。去年刚毕业,专业是新闻传媒,实习是在一家杂志社做小助理。。。其实小时候就一直对编程非常热爱,一直以来自己有买各种推荐书籍来学,_不学计算机原理可以写程序吗

Pyltp安装以及利用Pyltp进行命名实体识别_pyltp 人名检测-程序员宅基地

文章浏览阅读2.6k次,点赞4次,收藏21次。pyltp环境的搭建:在终端安装pyltp时一般会报错:使用wheel方法:下载wheels下面两个文件针对不同的python版本下载一个即可python-3.5: pyltp-0.2.1-cp35-cp35m-win_amd64.whlhttps://pan.baidu.com/s/1Ekx3dHVzt5raXtiuH-S9qwpython-3.6: pyltp-0.2.1-..._pyltp 人名检测

ZYNQ-实现外设驱动开发-iic接口的温湿度传感器si7021_zynq模拟iic-程序员宅基地

文章浏览阅读1.3k次。学习内容进一步熟悉IIC接口的开发调试,上次工程只是模拟开发,本次将进行实践操作。开发环境vivado 18.3SDKpynq-z2硬件平台搭建参考前文-ZYNQ-实现外设驱动开发-iic接口的光强度传感器GY-30的搭建过程下面给出部分更改操作:这里我们需要把之前选到的MIO改成EMIO同时参考我们的pynq的电路图:进行管脚分配,这里我开始把管脚分配到了AR_SCL和AR_SDA上,试了很多次都不行,然后我就改到了相邻的AR12和A13上,就能正常工作了,这里应该是之前电平一直_zynq模拟iic

挖矿病毒常见处置方法_wmic process get caption,commandline /value >> tmp-程序员宅基地

文章浏览阅读4.3k次,点赞4次,收藏40次。挖矿病毒特征:“挖矿”病毒是一段恶意代码或者一个软件,一般利用主机或者操作系统的高危漏洞术在局域网内传播,控制电脑进行大量的计算机运算来获取虚拟货币。该病毒会消耗大量的计算机处理资源,常见的就是系统中毒后系统CPU占用接近100%、系统卡顿执行基本命令响应缓慢、系统出现异常进程无法正常kill、系统内存异常占用不稳定等。常见攻击方式:不明邮件附件、文件、连接和网页、不明U盘随意接入、非官方软件和服务器弱口令、高危端口暴露等事件大概处置流程:详细流程、操作命令。_wmic process get caption,commandline /value >> tmp.txt

POJ2240 spfa判增大环 poj3259 spfa判负环-程序员宅基地

文章浏览阅读285次。poj2240题目:想利用美元套利,就是100美元->50英镑->500发廊->105美元问有没有这种路径能利用美元套利思路:①map处理②spfa判正环,咦?spfa不是判负环吗,怎么判正环啊,也是个思维哦!③一些写法,也可以用链式前向星,我用的vector邻接表,因为这个题最大N为30,只要写对,不用关心算复杂度了#include <iostream&g...

【愚公系列】软考中级-软件设计师 034-软件工程基础(概述)-程序员宅基地

文章浏览阅读1.5w次,点赞38次,收藏47次。软件工程是一门研究和应用如何以系统化、规范化、可量化的方法开发和维护软件的学科。它涉及到软件开发的全过程,包括需求分析、设计、编码、测试、部署和维护等阶段。软件工程的目标是以最大限度地提高软件的质量、可靠性、可维护性和可重用性,同时控制软件开发的成本、进度和风险。软件工程包括许多技术和工具的应用,如需求工程、面向对象的分析和设计、软件测试、软件项目管理等。同时,它还涉及到与用户和其他相关人员的沟通和协作,以确保软件能够满足用户的需求。

随便推点

一口气请来Hinton等6位图灵奖得主、10多位院士,这场持续4天的AI盛会想干什么?_图灵奖 获得者名单-程序员宅基地

文章浏览阅读477次。大数据文摘出品邀请六位图灵奖得主齐聚,这可能是一场人工智能峰会的最大诚意了。但2020北京智源大会对于人工智能的热情远不止于此。2020年6月21-24日,第二届北京智源大会将邀请包括6位图灵奖获得者、10多位院士在内的上百位人工智能领袖,回顾过去,展望未来,深入系统探讨“人工智能的下一个十年”。先来看看到场嘉宾,阵容之豪华,也难怪业内传言:如果你今年只能参加一场人工智能大会,那么就是它了!6位图灵奖获得者、10多位院士齐聚全球抗疫的大背景下,本次..._图灵奖 获得者名单

三级嵌入式总结版_powerpc是哈佛结构吗-程序员宅基地

文章浏览阅读1.3w次,点赞96次,收藏253次。2018年3月16日,3月24日即要考试!一周的紧促复习时间,是时候来个总结了!加油!!!嵌入式系统嵌入式系统上的软件具有结构精简,代码轻量化,占用存储资源少的特点。嵌入式系统和计算机操作系统的共同特征是:引导加载程序、外设驱动程序、操作系统、文件系统、网络协议栈、图形用户界面、数据库。嵌入式系统应用开发工具的主要目的:提高开发质量,缩短开发周期,降低开发成本。按照软硬件技术的..._powerpc是哈佛结构吗

inet_addr 和inet_ntoa_inet_addr inet_ntoa-程序员宅基地

文章浏览阅读378次。// inet_addr.cpp : 定义控制台应用程序的入口点。//#include "stdafx.h"#include #include //htonl() 将主机的无符号长整形数转换成网络字节顺序//htons() 将主机的无符号短整形数转换成网络字节顺序//ntohl() 将一个无符号长整形数从网络字节顺序转换为主机字节顺序。//_inet_addr inet_ntoa

GPT_MBR与GPT分区扫盲,希捷2T、3T硬盘测评-程序员宅基地

文章浏览阅读274次。运气不好,两只1T硬盘先后出现异常(2010年最先降到¥399的日立HDS721010CLA332,以及希捷12代ST31000528AS)。泰国水灾导致的硬盘价暴升,还未恢复,但避免重要的N多硬盘数据不保,还是果段决定换硬盘。最近500G大概¥400,1T大概¥560,2T大概¥700,3T大概¥1000+。500G暂时在岗顶还是出货量最大,适合普通用户装机,但显然最没有...

tsl加密算法_密码套件:SSL/TLS加密机制背后的算法故事-程序员宅基地

文章浏览阅读575次。如果你研究SSL和加密的时间足够长,最终你会遇到“密码”这个词。除了通常是一个很酷的词外,密码是加密的一个非常重要的组成部分。那么,加密所使用的密码是什么呢?密码就是算法,更具体地说,密码是执行加密和相应的解密过程的一系列步骤。现在的密码依赖于计算机的先进处理能力。然而,情况并非总是如此。历史上最早的著名密码之一属于凯撒大帝——罗马皇帝和开胃菜沙拉的供应者,在军事行动中,他使用这些密码与他的将军们..._tls psk

java静态绑定&动态绑定详解_java静态绑定概念-程序员宅基地

文章浏览阅读2.2k次。程序绑定的概念: 绑定指的是一个方法的调用与方法所在的类(方法主体)关联起来。对java来说,绑定分为静态绑定和动态绑定;或者叫做前期绑定和后期绑定静态绑定: 在程序执行前方法已经被绑定,此时由编译器或其它连接程序实现。例如:C。 针对java简单的可以理解为程序编译期的绑定;这里特别说明一点,java当中的方法只有final,static,private和构造方法是前期绑定动态绑定: 后期_java静态绑定概念

推荐文章

热门文章

相关标签