美文网首页
watch监听问题

watch监听问题

作者: 懒懒猫 | 来源:发表于2022-04-18 14:01 被阅读0次

1.数组未改变,但是watch监听到了

原理:数组是引用数据类型,重复调用,虽然数组内容没变但是数组的地址改变了,所以可以监听到;
解决方案:调用接口获取数据后使用对象字符串比较接口数据与数组内容是否一致,若一致再给数组赋值赋值

2.watch监听变量字符串是否有值,若有则否调接口,但是变量明明有值却监听失败了

<child v-if="变量" :msg=' 变量'>

原理:执行顺序beforeCreate ->inject -> Props -> Methods -> Data -> Computed -> Watch ->provide-> created
父组件得到更新后的变量值为true时,生成子组件dom,得到this.props.msg的值为值,此时还没watch监听;watch监听获取的初始值就是true,所以监听不到变化
解决方案:用v-show代替v-if或者把v-if写在子组件里

相关文章

  • watch监听问题

    1.数组未改变,但是watch监听到了 原理:数组是引用数据类型,重复调用,虽然数组内容没变但是数组的地址改变了,...

  • AngularJS $watch 监听

    监听$watch监听数据变化,有三个参数 $scope.$watch(“监听的属性”,function(new,o...

  • vue2.x语法知识记录

    watch监听

  • vue监听和webpack基本使用

    vue监听 使用keyup监听 使用watch监听文本框变化,watch 使用这个属性可以监视data中的数据变化...

  • Vue

    watch 和 computed 和 methods 区别 watch:监听,对data的数据监听回调, 当依赖的...

  • Vue computed、watch

    Vue computed、watch watch 监听 immediate第一次渲染时是否执行函数 deep监听对...

  • vue 遇到的坑

    一、watch监听数据 1、监听普通的变量 1、vue.js里面直接用watch监听对象变量,如果对象变量的属性发...

  • 4 Vue计算属性computed、watch监听

    1、计算属性和watch监听的区别: (1).两者都可监听数据的变化,计算属性会return值,watch监听数据...

  • vue composition-api tips

    Watch watch 监听 props 属性时,不能使用解构赋值

  • Vue3-watch和watchEffect

    watch watch可以监听一个或多个响应式数据, 一旦数据变化, 就自动执行监听回调 如果监听rective对...

网友评论

      本文标题:watch监听问题

      本文链接:https://www.haomeiwen.com/subject/zrrsertx.html