vue3 antdv input输入 自动获取焦点的实现

本文介绍了在Vue3应用中如何利用ref属性来绑定DOM元素,并在组件挂载后自动使输入框获得焦点。通过给<a-input>标签设置ref=input_focus,然后在onMounted生命周期钩子中,通过input_focus.value.focus()方法实现对输入框的聚焦操作。
摘要由CSDN通过智能技术生成
<a-input  ref="input_focus"> </a-input>



<script setup>
import {  ref, onMounted } from "vue";

const input_focus = ref(null); 
onMounted(() => {
  input_focus.value.focus();
  // console.log("input_focus", input_focus.value);
});

vue3得到dom元素

<a-input  ref="input_focus"> </a-input> // 1.给标签设置ref属性
const input_focus = ref(null);  // 2.
// 3.input_focus.value 就可以取到对应的dom元素了

获取焦点

.focus
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值