码迷,mamicode.com
首页 > 其他好文 > 详细

vue监听多个变量的方法

时间:2017-11-06 15:55:38      阅读:616      评论:0      收藏:0      [点我收藏+]

标签:ted   pre   com   put   bsp   else   data   ane   小技巧   

vue当中有时需要监听多个变量,方法如下,推荐方法一

一、把多个变量放在一个对象里

data() {
    return {   
      switchParam: {
        a: false,
        b: false,
        c: false
      }
    }
}

watch: {  
    switchParam: {
      deep: true,
      handler(newVal) {
        let dom = document.querySelector(‘.vis-panels-controler‘);
        if (newVal.a || newVal.b || newVal.c) {
          dom.style.zIndex = 180;
        } else {
          dom.style.zIndex = 120;
        }
      }
    },
}

 

二、小技巧方法

data() {
    return {
      a: false, // 自主分析
      b: false,
      c: false
    }
  },
  computed: {   
   allPanelShow() {
    this.a;
    this.b;
    this.c;
  return Date.now() } }, watch: { allPanelShow() { let dom = document.querySelector(‘.vis-panels-controler‘); if (this.a || this.b || this.c) { dom.style.zIndex = 180; } else { dom.style.zIndex = 120; } }, }

 

vue监听多个变量的方法

标签:ted   pre   com   put   bsp   else   data   ane   小技巧   

原文地址:http://www.cnblogs.com/aimee2004/p/7793468.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!