首页 > 其他分享 >vue修改对象后加属性数组,该数组变化,dom不发生变化的问题

vue修改对象后加属性数组,该数组变化,dom不发生变化的问题

时间:2022-11-02 19:01:26浏览次数:52  
标签:触发 vue dom 对象 set 数组

当vue中改变对象元素的情况下,不会重新渲染dom元素,这时候可以用vue的$set方法。
一般情况下就可以实现功能了,也就是改变对象元素后,会重新渲染dom,如果当你使用挺好this.$set方法是,发现并不管用,那么应该就是你改变的对象层级太深了,没有办法触发reader函数,需要自己手动触发一下、

执行代码后加入

this.$forceUpdate()

$set

官方:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新

标签:触发,vue,dom,对象,set,数组
From: https://www.cnblogs.com/init-007/p/16852044.html

相关文章

  • 实验四 类与数组、指针
    task5.1#pragmaonce2#include<bits/stdc++.h>3usingnamespacestd;4classvectorInt{5public:6vectorInt(intn);7vectorInt(intn,int......
  • 增加vue模板快捷键,以及方法注释快捷键的总结
    一、Vscode配置1、进入首选项=>用户配置代码片段=>javascript{ "Printtozhushi":{ "prefix":"zhushi", "body":[ "<!--", "*@Description:$0", "*@Auth......
  • vue demo 1102
    <scriptlang="ts">import{ref,defineComponent}from'vue'exportdefaultdefineComponent({setup(){constfields=['name','address','email'......
  • DJango + Vue 文件下载
    后端importrequestsfromdjango.httpimportFileResponsefromdjango.utils.encodingimportescape_uri_pathdefdownload_file(request): ifrequest.method==......
  • np.random.randint()的用法
      函数的作用是,返回一个随机整型数,其范围为[low,high)。如果没有写参数high的值,则返回[0,low)的值。从random可以看出是产生随机数,randint可以看出是产生随机整数(in......
  • shell编程之数组
    1什么是数组数组(Array)是有序的元素序列。若将有限个类型相同的变量的集合命名,那么这个名称为数组名。组成数组的各个变量称为数组的分量,也称为数组的元素,有时也称为下......
  • win7_64,vue命令无法运行问题
    问题win7_64安装vue后,vue命令执行返回:errno:-4054,code:'ENOSYS',message:'functionnotimplemented',syscall:'uv_os_gethostname'   解决办法:找到......
  • 实验4 类与数组、指针
    实验目的会正确定义和使用简单的类模板能够说明指针、引用的联系和区别,能根据问题场景灵活、正确使用指针作为函数参数、引用作为函数参数知道什么是深复制、浅复制,能......
  • 架构(domain层详解...)
    架构 理解:1、Repo数据源,Domain把数据源数据转换为界面使用的数据  domain层详解domain的概念,通常会分很多层,比如经典的三层架构,控制层、业务层、数据访问层(DA......
  • Vue3学习笔记(四)——组件、生命周期
    一、组件如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展,但如果,我们将一个页面拆分成一个个小的功能块,每个功能......