当有个弹窗组件
<CheckOrder
:checkOrderShow="checkOrderShow"
v-if="checkOrderShow"
:checkOrderData="checkOrderData"
@closeCheckOrderShow="closeCheckOrderShow"
></CheckOrder>
checkOrderShow控制组件的显示隐藏,然后列表数据通过row传给弹窗,弹窗加载后需要请求接口来获取初始化数据,第一次可以用watch 但是当组件关闭再打开同一条数据时候就出现没有请求初始化数据的情况。如果在mounted里面执行初始化数据操作,只执行一次 解决方法如下:
<div v-if="checkOrderShow">
<CheckOrder
:checkOrderShow="checkOrderShow"
v-if="checkOrderShow"
:checkOrderData="checkOrderData"
@closeCheckOrderShow="closeCheckOrderShow"
></CheckOrder>
</div>
在组件外面加一层div,只要弹窗显示 就执行mounted。