有没有大佬可以帮我看看代码有什么问题吗？
elementsplus dialog 会自动弹出的问题
https://www.yuque.com/lsxxyg/lrogsi/gw2uk6omlgsn3hf2?singleDoc# 《dialog 自动弹出》
问题已经解决但原因不明，希望大佬们可以告知，判断为ref没有自动解包。
如果直接定义一个 const visible = ref<boolean>(false) 将其放在 v-model="visiable" 上可以自动解包
但是如果用 form.visible 就会出现自动弹出 dialog 的情况（因为 !!ref 是个 true）
AI BotBETA要解决 Element Plus Dialog 自动弹出的问题，通常是由于控制 Dialog 显示的状态变量初始值错误或生命周期钩子中的错误调用导致的。以下是完整解决方案：
在 Element Plus 中，Dialog 的显示由 v-model 绑定的变量控制（如 dialogVisible）。自动弹出的常见原因包括：
极客观点
项目管理
HarmonyOS
dialogVisible 初始值被错误设置为 true。onMounted）中调用了打开方法。:visible="true"）。确保 dialogVisible 变量初始为 false，并通过事件（如按钮点击）手动控制其值。以下是两种实现方式：
<template>
<!-- 按钮控制 Dialog 打开 -->
<el-button @click="dialogVisible = true">手动打开 Dialog</el-button>
<!-- Dialog 组件，初始不显示 -->
<el-dialog
v-model="dialogVisible"
title="提示"
width="30%"
>
<span>Dialog 内容</span>
<template #footer>
<el-button @click="dialogVisible = false">关闭</el-button>
</template>
</el-dialog>
</template>
<script setup>
import { ref } from 'vue';
// 关键：初始化变量为 false
const dialogVisible = ref(false);
</script><template>
<el-button @click="dialogVisible = true">手动打开 Dialog</el-button>
<el-dialog v-model="dialogVisible" title="提示">
<span>Dialog 内容</span>
</el-dialog>
</template>
<script>
export default {
data() {
return {
dialogVisible: false // 关键：初始化 false
};
}
};
</script>dialogVisible 等状态变量默认值为 false。避免自动触发：
mounted、created 或 onMounted 中设置 dialogVisible = true 的代码。:visible="true" 或 v-model:visible="true"，这会强制 Dialog 显示。如果问题仍然存在：
dialogVisible 变量的变化。通过上述步骤，Dialog 将只在您手动触发时打开，不会自动弹出。
11 回答1.2k 阅读
4 回答566 阅读✓ 已解决
3 回答854 阅读
2 回答568 阅读
1 回答673 阅读