vue中$set使用

向右看齐 2023-08-17 16:51 22阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTk3Mjgz_size_16_color_FFFFFF_t_70]

data() {
    	return {
    		spectionList: [{
    			cuIcon: 'form',
    			color: 'red',
    			active: true,
    			badge: 0,
    			title: '今日任务',
    			url: '/pages/views/dmom/equip-inspection/today-task/index'
    		}, {
    			cuIcon: 'squarecheck',
    			color: 'orange',
    			active: true,
    			badge: 0,
    			title: '剩余待办',
    			url: '/pages/views/dmom/equip-inspection/all-todo/index'
    		}, {
    			cuIcon: 'write',
    			color: 'yellow',
    			active: true,
    			badge: 0,
    			title: '点检记录',
    			url: '/pages/views/dmom/equip-inspection/inspection-record/index'
    		}],

this.$set(this.repairList[0],"badge",todoRepair.object.totalRows)    
        //todoRepair.object.totalRows ==6
    this.$set(this.repairList[1],"badge",startedRepair.object.totalRows)
       //startedRepair.object.totalRows ==2
    this.$set(this.repairList[2],"badge",finishedRepair.object.totalRows)
       //finishedRepair.object.totalRows ==3

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTk3Mjgz_size_16_color_FFFFFF_t_70]: /images/20230809/06df5e9e048f47e0a46850a2aa2aee82.png

发表评论取消回复

表情：

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

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

相关阅读

相关 vue中$set使用

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

向右看齐/ 2023年08月17日 16:51/ 0 赞/ 23 阅读

相关 Vue中Vue.set()的使用介绍

基本方法介绍使用vue的set()方法可以实现改变数据并立刻将新数据渲染在网页上的目的（响应式）。该方法可以应用于数组和对象类型 Vue.set(vm.ite

小灰灰/ 2023年02月20日 10:55/ 0 赞/ 83 阅读

相关 Vue中使用set方法过程的一个小发现

vue教程中有这样一个注意事项： ![Center][] 第一种具体情况如下： ![Center 1][] 运行结果： ![Center 2][]

向右看齐/ 2022年06月13日 11:43/ 0 赞/ 142 阅读

相关 vue.set

一：在我们使用vue进行开发的过程中，可能会遇到一种情况：当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去；当我们去看vue文档的时候，会发现有这

左手的ㄟ右手/ 2022年05月19日 00:24/ 0 赞/ 123 阅读

相关 Vue之实例方法set使用

<template> <div id="root"> <!-- <p v-for="item in names" :key="item">{

浅浅的花香味﹌/ 2022年04月18日 01:50/ 0 赞/ 150 阅读

相关 Vue.set()

给state中的一个对象添加新的属性，要用Vue.set()，否则数据更新不会展示到页面上，用法如下： Vue.set(food, 'count', 1) //fo

缺乏、安全感/ 2022年04月05日 19:26/ 0 赞/ 106 阅读

相关 vue中$set的使用场景

场景1: 通过数组的下标去修改数组的值,数据已经被修改了,但是不触发updated函数,视图不更新, export default { data

喜欢ヅ旅行/ 2022年03月27日 06:42/ 0 赞/ 317 阅读

相关 Vue-给对象新增属性（使用Vue.$set()）

Vue-给对象新增属性（使用Vue.$set()）在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）

「爱情、让人受尽委屈。」/ 2021年12月17日 18:15/ 0 赞/ 361 阅读

相关 Vue2.0 Vue.set的使用

在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视

青旅半醒/ 2021年09月18日 02:22/ 0 赞/ 277 阅读

相关 Vue中的this.$set

当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.$set（）这个方法了官方解释：向响应式对象中添加一个属性，并确

ゝ一纸荒年。/ 2021年07月26日 01:47/ 0 赞/ 372 阅读