自学内容网 自学内容网

vue2之父子组件BUG

父组件:(如果这样写)

 <count-down
               
                  :start-time="changeStartTime"
                  :end-time="changeEndTime"
                />

则changeStartTime就算写在计算属性里,也可能子组件不会在自动随着父组件的数据更新重新给子组件传值,所以此时表现就是:vue2写子组件,数据不出现,刷新也不出现,只有实时改动子组件的文件,子组件才会展示数据(本质是改动了虚拟dom,造成了子组件重新渲染,而此时父组件的值已经是正常的了,所以数据才正常显示)

只需要改父组件为:(本质:当父组件有值时才会创建并传值给子组件,因而不会出现上面的问题)

   <count-down
                  v-if="changeStartTime"
                  :start-time="changeStartTime"
                  :end-time="changeEndTime"
                />

原文地址:https://blog.csdn.net/qq_52058547/article/details/136045010

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!