描述
使用父子组件prop传参的时候,无法侦听。
解决:
原来代码:
watch(props.XXXX, () => {console.log(1)})
添加两个默认参数:
watch(props.XXXX, () => {console.log(1)}, {deep: true, immediate: true})
原因:
- 不会watch深层次的修改,比如Array[Object]不会触发。
- immediate:true:监听的这个对象是否会【立始输出】,也就是监听没开启动作时,就先输入初始值。如果不输入的话,第一次修改不会侦听。
props第一次不会侦听,点击第二次才会。