input自动获取焦点弹出键盘

最新推荐文章于 2022-09-28 16:17:27 发布

陌~上花开

最新推荐文章于 2022-09-28 16:17:27 发布

阅读量3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： uni-app

原文链接：https://www.cnblogs.com/landuo629/p/13939709.html

uni-app 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何在Vue中实现一个搜索框，通过设置`firstFocus`属性并利用`setTimeout`实现输入框的自动获取焦点。核心在于`firstChange`方法的运用，确保每次搜索时清空focus状态并随后恢复焦点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文链接

<template>
	<view>
		<input type="search"  placeholder="搜索商品"  placeholder-style="color:#adaeba;" :focus="firstFocus" @change='firstChange'/>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				firstFocus:false 
			}
		},
		onShow() {
		    //调用fisrtChange
			this.firstChange()
		},
		methods: {
			firstChange() {
				this.firstFocus = false; // 每次都要初始化 focus 属性
				setTimeout(() => {
					this.firstFocus = true; //自动获取焦点
				},0)
			}
		}
	}
</script>