遇到的问题:一个看板的需求,一个页面有八九个卡片(卡片是同一个子组件,区别仅仅是传值不同)。每个卡片有三部分,分别是card区,charts图区域和表格区域。查询条件改变时,每个卡片显示的数据是错乱的。
原因:没有深度监听传进去的值,子组件的init并不会每次都执行
解决方法:对传值进行深度监听
watch:{
cardData:{
handler:{...},
deep:true
}
}
遇到的问题:一个看板的需求,一个页面有八九个卡片(卡片是同一个子组件,区别仅仅是传值不同)。每个卡片有三部分,分别是card区,charts图区域和表格区域。查询条件改变时,每个卡片显示的数据是错乱的。
原因:没有深度监听传进去的值,子组件的init并不会每次都执行
解决方法:对传值进行深度监听
watch:{
cardData:{
handler:{...},
deep:true
}
}