vue props无法被watch

东林梁

关注

阅读 28

2024-11-06

描述

使用父子组件prop传参的时候,无法侦听。

解决:

原来代码:

watch(props.XXXX, () => {console.log(1)})

添加两个默认参数:

watch(props.XXXX, () => {console.log(1)}, {deep: true, immediate: true})

原因:

  • 不会watch深层次的修改,比如Array[Object]不会触发。
  • immediate:true:监听的这个对象是否会【立始输出】,也就是监听没开启动作时,就先输入初始值。如果不输入的话,第一次修改不会侦听。

props第一次不会侦听,点击第二次才会。

精彩评论(0)

0 0 举报