对点问题——dialog在父组件里,第一次进页面不能监听到父组件向子组件传递的值(父:talentDetail 子:po,offer),dialog直接在子组件里并直接引用可以监听到(父:docume

第一类情况
子组件:
对点问题——dialog在父组件里,第一次进页面不能监听到父组件向子组件传递的值(父:talentDetail 子:po,offer),dialog直接在子组件里并直接引用可以监听到(父:docume
父组件引用情况一:
对点问题——dialog在父组件里,第一次进页面不能监听到父组件向子组件传递的值(父:talentDetail 子:po,offer),dialog直接在子组件里并直接引用可以监听到(父:docume
对点问题——dialog在父组件里,第一次进页面不能监听到父组件向子组件传递的值(父:talentDetail 子:po,offer),dialog直接在子组件里并直接引用可以监听到(父:docume
此种情况下可以监听到
父组件引用情况二:
对点问题——dialog在父组件里,第一次进页面不能监听到父组件向子组件传递的值(父:talentDetail 子:po,offer),dialog直接在子组件里并直接引用可以监听到(父:docume
此种情况下监听不到
原因分析:
情况二的时候加v-if 所以只有当条件为true时才会渲染子组件,所以父级页面最开始并不存在子组件,当点击对话框十七显示时,这时是第一次渲染子组件,而子组件的值并未变化,所以watch不到,而情况一的时候父级页面最开始渲染过子组件,所以当点击使其显示时,可以进入watch函数
第二类情况:
子组件:
对点问题——dialog在父组件里,第一次进页面不能监听到父组件向子组件传递的值(父:talentDetail 子:po,offer),dialog直接在子组件里并直接引用可以监听到(父:docume
父组件引用:
对点问题——dialog在父组件里,第一次进页面不能监听到父组件向子组件传递的值(父:talentDetail 子:po,offer),dialog直接在子组件里并直接引用可以监听到(父:docume
对点问题——dialog在父组件里,第一次进页面不能监听到父组件向子组件传递的值(父:talentDetail 子:po,offer),dialog直接在子组件里并直接引用可以监听到(父:docume
这种情况跟第一类的情况中的情况一差不多

针对第一次监听不到可使用如下解决方案:
对点问题——dialog在父组件里,第一次进页面不能监听到父组件向子组件传递的值(父:talentDetail 子:po,offer),dialog直接在子组件里并直接引用可以监听到(父:docume

解决方案参考网址:
Vue.js中 watch 的高级用法