vue3使用ElementPlus表单组件绑定ref为null

Question

模板

 <el-form ref="dialogForm" :model="roleForm" :rules="roleRules" />

script setup

const dialogForm = ref(null)
const handleCreate = () => { // 创建
  console.log(dialogForm.value); // null
}

• handleCreate 第一次被调用时， dialogForm.value 为 null
• handleCreate 第二次被调用时, dialogForm.value 才为表单组件
• 我需要第一次调用该函数时就为表单组件，请问该怎么做？感谢你的帮助

Answer 1

你需要延迟你的第一次调用，组件在未加载之前肯定是显示null，所以你需要在mounted甚至之后调用才能获取到值