vue中watch的用法

最新推荐文章于 2024-06-04 21:30:18 发布

攻城狮狮

最新推荐文章于 2024-06-04 21:30:18 发布

阅读量4.9k

点赞数 5

分类专栏： vue js

本文链接：https://blog.csdn.net/wodebokecsdn/article/details/83819160

版权

js 同时被 2 个专栏收录

43 篇文章 0 订阅

订阅专栏

vue

16 篇文章 0 订阅

订阅专栏

watch监听路由变化

 watch: {
    $route: "myroute"
 },
   methods: {
    myroute() {
      this.activeUrl = this.$route.path;
    },
   }

这样就做到了当路由发生变化的时候将#号后面的路径赋值给activeUrl

watch监听data里面的数据的变化

data(){
    return:{
        allChecked:false,
        excelArry:[]//复选框选中后添加到这个数组
    }
}


watch: {
    excelArry(o, n) {
        //old为旧值，new为新值
       //这里监听到excelArry的变化就会调用，如果添加了十个之后全选按钮就会选中
      if (this.excelArry.length == 10) {
        this.allChecked = true;
      } else {
        this.allChecked = false;
      }
    }
  },