vue监听对象某一个属性

系统管理员 2021-07-25 00:02 461阅读 0赞

watch: { 
    	    uploadObj: { //监听对象
    	      deep: true,
    	      handler: function(value) { 
    	        if (!value.receiver && !value.receiveBastionIds) { 
    	          this.userArrShow = true;
    	          this.machineSelectShow = true;
    	          this.$message.warning("接收人及接收堡垒机至少选择一项，请重新填写。");
    	        } else { 
    	          this.userArrShow = false;
    	          this.machineSelectShow = false;
    	        }
    	      }
    	    },
        "uploadObj.receiveBastionIds": { //监听对象下的某个属性
          handler: function (value) { 
            if (this.resetFlag2) { 
              this.userArrShow = false;
              this.machineSelectShow = false;
              this.resetFlag2 = false;
            } else { 
              if (!this.uploadObj.receiver && !this.uploadObj.receiveBastionIds) { 
                this.userArrShow = true;
                this.machineSelectShow = true;
                this.$message.warning(
                  "接收人及接收堡垒机至少选择一项，请重新填写。"
                );
              } else { 
                this.userArrShow = false;
                this.machineSelectShow = false;
              }
            }
          },
        },
      },

发表评论取消回复

表情：

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

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

相关阅读

相关对象集合如何根据对象的某一个属性排序

1.Comparator对象进行排序这种写法较为简单的1.8的写法，也可以在对象中重写排序方法以达到排序的功能，但是对代码要求较高 > //按照List中对象的id属性升

深藏阁楼爱情的钟/ 2024年04月03日 12:24/ 0 赞/ 98 阅读

相关 Vue.js计算属性和监听属性

目录一、computed计算属性（1）计算属性的缓存（2）计算属性的setter 二、watch监听属性 -------------------- 一、co

柔情只为你懂/ 2024年03月24日 11:39/ 0 赞/ 51 阅读

相关 Vue--计算属性和监听属性

computed:计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要属性值还没有发生改变，多次访问属性计算属性会立即返回之

灰太狼/ 2022年12月07日 04:27/ 0 赞/ 189 阅读

相关 Vue使用watch监听一个对象中的属性

问题描述 Vue提供了一个watch方法可以让使用者去监听某些data内的数据变动，触发响应的办法：比如 queryData: { name:

怼烎@/ 2022年10月13日 12:58/ 0 赞/ 200 阅读

相关 js 删除对象里的某一个属性

var a={ "id":1,"name":"danlis"}; //添加属性 a.age=18; console.log(a); // 结果：

冷不防/ 2022年09月16日 04:57/ 0 赞/ 193 阅读

相关 vue3 监听computed属性

![在这里插入图片描述][a79c8a68c9cd0debd686357f7d50170e.png] <script> import { defineCom

亦凉/ 2022年08月31日 02:27/ 0 赞/ 272 阅读

相关 vue声明一个新对象不被监听

vue的对象监听特别灵敏,比如一个对象A，我们想获取一个新的对象B（B和A相同，但不被监听）如果是普通的一级对象，可以使用Object.assign(B,A)，但是这种方法

傷城~/ 2022年05月12日 09:14/ 0 赞/ 321 阅读

相关 Vue.js监听属性

监听属性： watch属性为Vue的监听属性，用来监听Vue实例中数据的变动。可以是data中定义的属性（也经常这么用），也可以时Vue自带的属性，比如$route。

心已赠人/ 2022年05月10日 06:34/ 0 赞/ 159 阅读

相关 vue监听属性

监听属性本章节，我们将为大家介绍 Vue.js 监听属性 watch，我们可以通过 watch 来响应数据的变化。以下实例通过使用 watch 实现计数器：

た入场券/ 2021年10月20日 01:24/ 0 赞/ 364 阅读

相关 vue监听对象某一个属性

watch: { uploadObj: { //监听对象 deep: true, handler: fu

系统管理员/ 2021年07月25日 00:02/ 0 赞/ 462 阅读