uniapp中如何在生命周期让input聚焦
时间: 2023-11-24 14:05:13 浏览: 71
input的focus方法使用
在uniapp中,可以通过 `mounted` 生命周期钩子函数来让 `input` 元素聚焦,具体代码如下:
```html
<template>
<div>
<input ref="inputRef">
</div>
</template>
<script>
export default {
mounted() {
this.$refs.inputRef.focus();
},
};
</script>
```
在 `mounted` 钩子函数中,通过 `$refs` 获取到 `input` 元素的引用,并调用 `focus()` 方法使其聚焦。这样,在组件渲染完成后,`input` 元素就会自动聚焦。
阅读全文