,可以通过以下步骤实现:
<template>
<v-dialog v-model="dialog">
<v-btn ref="myButton">Click me</v-btn>
</v-dialog>
</template>
<script>
export default {
data() {
return {
dialog: true
};
},
mounted() {
this.$nextTick(() => {
this.$refs.myButton.$el.focus();
});
}
};
</script>
在mounted钩子函数中,使用$nextTick方法确保DOM已经渲染完毕后再设置焦点。通过this.$refs.myButton.$el.focus()将焦点设置在v-btn上。
这样,当对话框默认打开时,焦点将自动设置在v-btn上,用户可以直接通过键盘操作按钮。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云