【求助】vue 点击父组件后,子组件里的子组件也被调用了,求解

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>),好了下面开始说正事:


微信截图_20191122182455.png
如图:
Create子组件,是Dialog
A,Info,B都是Create的子组件
Photo是Info的子组件,是Dialog

问题:
点击按钮,显示Create这个Dialog后,Photo里的mounted被调用
一、请问,这种情况的调用是正常的吗?
二、如何避免被调用,只能点击Info里的按钮,显示Photo这个Dialog后,才正常调用,Photo里的mounted

###

你是用了v-show吧,v-show只是将元素的display设置为none,他是会挂载整个子组件的,既然挂载是会调用mounted,你可以用v-if试试,v-if为false时是dom元素或者子组件是不会创建的,只有为true时才会真正创建

郑重声明:本站部分内容转载自网络,版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(QQ/微信153890879)修改或删除,多谢。