父组件调用弹窗el-dialog,弹窗调用的接口只执行一次,再点击接口就不调用了,
查资料说是给弹窗加v-if,但是我这儿还是行不通、
该回答内容部分引用GPT,GPT_Pro更好的解决问题
解决弹窗调用接口只执行一次的问题,首先要明确一点,弹窗是否每次都展示,还是只在第一次展示,根据不同情况进行不同处理。
如果每次都展示,可以直接在弹窗中调用接口,这样就能够保证每次都能调用成功;
如果只在第一次展示,可以在mounted函数中调用接口,这样就能保证只有在页面初始化时才会调用成功。
mounted(){
this.getData();
}
此外,还可以通过watch的方式来监听弹窗的变化,当弹窗显示时就会调用接口,保证了只有在需要的时候才会执行接口。
watch: {
dialogVisible(val){
if (val) {
this.getData();
}
}
}
如果回答有帮助,望采纳。
destroy-on-close=true 试试 关闭时销毁所有 子元素
https://element.eleme.io/#/zh-CN/component/dialog