Vue 中操作 data 的数组方法哪些可以触发视图更新?_vue数组push会触发更新吗?_JingG459的博客-程序员宅基地

技术标签: 笔记  vue  vue.js  javascript  ecmascript  

一、在vue中操作data的数组方法有以下几个方法可以触发视图更新:

        push()、pop()、shift()、unshift()、splice()、sort()、reverse()以上这些方法会改变被操作的数组;

         filter()、concat()、 slice()  这些方法不会改变被操作的数组,返回一个新的数组;

        以上方法都可以触发视图更新。

二、不能触发视图更新的方法有以下几种:

        利用索引直接设置一个数组项,例:this.array[index] = newValue

        直接修改数组的长度,例:this.array.length = newLength

        以上两种方法不可以触发视图更新;

三、有以下两种方法可以解决不能触发视图更新:

        解决方法 1: 可以用 this.$set(this.array,index,newValue) 或this.array.splice(index,1,newValue)

        解决方法 2: 可以用 this.array.splice(newLength)

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

智能推荐

删除二叉搜索树的节点(C++(中等学习区)力扣)_c++删除孩子兄弟法二叉树树中的节点_西木南松的博客-程序员宅基地

给定一个二叉搜索树的根节点 root 和一个值 key,删除二叉搜索树中的 key 对应的节点,并保证二叉搜索树的性质不变。返回二叉搜索树(有可能被更新)的根节点的引用。一般来说,删除节点可分为两个步骤:首先找到需要删除的节点;如果找到了,删除它。说明: 要求算法时间复杂度为 O(h),h 为树的高度。示例:root = [5,3,6,2,4,null,7]key = 35/ 3 6/ \ 2 4 7给定需要删除的节点值是 3,所以我们首先找到 3 这个节点,然后_c++删除孩子兄弟法二叉树树中的节点

ruby脚本打包 linux,运行Linux系统从Ruby脚本命令_王大帅爱钢炼的博客-程序员宅基地

我有一个创建一个Debian软件包,它的工作原理以下罚款Ruby脚本:运行Linux系统从Ruby脚本命令#!/usr/bin/rubydest = "#{File.dirname(__FILE__)}/../build"package = "foo"["cd #{dest} && tar czvf data.tar.gz bin console data.sql etc filt..._ruby 打包bin文件

100行Python代码,每天不同时间段定时给女友发消息_IT白鸽的博客-程序员宅基地

每天不同时间段通过微信发消息提醒女友简介有时候,你很想关心她,但是你太忙了,以至于她一直抱怨,觉得你不够关心她。你暗自下决心,下次一定要准时发消息给她,哪怕是几句话,可是你又忘记了。你觉得自己很委屈????,但是她又觉得你不负责。现在,再不用担心了,用python就可以给女友定时发提示消息了,而且不会漏过每一个关键时刻,每天早上起床、中午吃饭、晚上吃饭、晚上睡觉,都会准时发消息给她了,而且还可以让...

Redundant Paths(POJ 3177)---含重边的加边双连通_redundant path 博客_diamonds_moster的博客-程序员宅基地

题目链接题目描述In order to get from one of the F (1 <= F <= 5,000) grazing fields (which are numbered 1…F) to another field, Bessie and the rest of the herd are forced to cross near the Tree of Ro..._redundant path 博客

java中 static变量和方法到底是存在内存什么区域呢?_tony800123的博客-程序员宅基地

java中 static变量和方法到底是存在内存什么区域呢? 2010-08-13 10:27:54| 分类:java学习 | 标签: |字号大中小 订阅突然被某人问道:java中 static变量和方法到底是存在内存什么区域呢?由于好久没有复习j2se(或许以前学习的不够到位)我居然也回答不上来,后来查了下相关的资料,原来: 内存总体一共分为了

随便推点

java代码实现双向链表增删改查demo_java 连表查询demo_程序员hhhh的博客-程序员宅基地

public class DoubleLinkedListDemo { public static void main(String[] args) { System.out.println("双向链表测试~"); //先创建节点 HeroNode2 hero1 = new HeroNode2(1, "宋江", "及时雨"); HeroNode2 hero2 = new HeroNode2(2, "卢俊义", "玉麒麟");// ._java 连表查询demo

jboss eap6.1(4)(部署应用)_zhanglu5116的博客-程序员宅基地

1、添加应用war包手动部署,添加war包到standalone\deployments下,手工创建一个文件,如war包名称是a.war,创建一个a.war.deployed文件,内容随意。2、 配置域名直接访问:部署JBoss的时候,默认情况下访问是需要加项目名字才可以访问的,但是更多的时候我们是直接通过域名或者IP来访问的,而不会加项目名的。配置域名访问需要在项目下面创建一个

空间金字塔池化(SPP)_金字塔池化过程详解_zhanghenan123的博客-程序员宅基地

1、简介空间金字塔池化,使得任意大小的特征图都能够转换成固定大小的特征向量,这就是空间金字塔池化的意义(多尺度特征提取出固定大小的特征向量),送入全连接层。整体框架大致为:输入图像,卷积层提取特征,空间金字塔池化提取固定大小特征,全连接层。具体的流程图如下: 2、具体算法的大体流程 首先通过选择性搜索(selective search),对待检测的图片进行搜索出2000个候选窗口。这一步和R..._金字塔池化过程详解

hdu 1902 The Dragon of Loowater_mh1902s bt芯片开发_LeeHolmes的博客-程序员宅基地

The Dragon of LoowaterTime Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submission(s): 1114 Accepted Submission(s): 491Problem DescriptionOnce_mh1902s bt芯片开发

nginx升级1.20.1版本。centos6_yum 没有nginx1.20能更新嘛_weixin_42780787的博客-程序员宅基地

nginx升级1.20.1版本1.停止旧nginxps -ef |grep nginxkill xxxx2.备份配置文件mv /usr/local/nginx/sbin/nginx /home/nginx.oldmv /usr/local/nginx/conf/nginx.conf /home/nginx.conf.old3.更换yum源sed -i "s|enabled=1|enabled=0|g" /etc/yum/pluginconf.d/fastestmirro..._yum 没有nginx1.20能更新嘛

推荐文章

热门文章

相关标签