vue项目中弹窗未打开，弹窗中的函数就运行了

vue项目中弹窗未打开，弹窗中的函数就运行了

问题：做vue项目时，遇到了弹窗未打开，弹窗中的函数就运行了的问题。

找到了原因：

 onMounted(() => {
    selected_money.value = props.selected_money;
    payment();
 })

我把函数调用写在了弹窗中的onMounted生命周期中。

解决办法：
借用element中弹窗打开时的回调函数方法解决。

    <el-dialog @open="open" :close-on-click-modal="false" :before-close="close" v-model="props.dialogVisible" class="elDialog" width="1042px" >

 const open = ()=> {
    selected_money.value = props.selected_money;
    payment();
 }