当我点击一个按钮时，会显示模式.模式包含一个输入字段.我想在点击后显示模式时，将焦点设置为模式内的输入字段.
这是按钮，所以当我点击它时，模态显示，
<div
class="manu-bar-card"
@click="
() => {
groupHandler.addNewgroupModal = true;
newGroupName.focus();
}"
>
这是我的模式(如果groupHandler.addNewgroupModal是true，这将显示)，
<div class="modal-container" v-if="groupHandler.addNewgroupModal">
<input
ref="newGroupName"
type="text"
/>
</div>
这是模式内的输入字段，我为其设置了一个ref属性，
<input
ref="newGroupName"
type="text"
/>
我已经在我的<script setup>和react 对象中注册了该ref，以显示/隐藏模态，
const newGroupName = ref();
const groupHandler = reactive({
addNewgroupModal: false,
});
我认为不关注输入字段的原因是调用focus方法时，modal尚未安装.如何处理这样的事情.如果有人能帮忙，我将不胜感激.谢谢