描述

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

解决:

原来代码:

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

添加两个默认参数:

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

原因:

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

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

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐