记录uniapp的input框的用法

最新推荐文章于 2024-08-27 17:58:39 发布

前端程序媛 ^O^

最新推荐文章于 2024-08-27 17:58:39 发布

阅读量3k

点赞数

本文链接：https://blog.csdn.net/weixin_46032200/article/details/117109023

版权

这篇博客介绍了两种在前端开发中常见的搜索事件处理方式：@input 实时查询和@confirm 按键查询。当input框内容变化时，@input事件会被触发，而按下电脑的Enter键或手机键盘的搜索键会触发@confirm事件。这两个方法在构建搜索功能时十分实用。

摘要由CSDN通过智能技术生成

1、@input 实时查询

只要input框中的内容改变，就会触发

<template>
<input type="text" v-model="keywords" @input="search" placeholder="请输入关键字搜索" />
</template>
<script>
export default{
	data(){
	},
	methods:{
		search(){
		}
	}
}
</script>

2、@confirm按键查询

按下电脑的enter键，或者手机键盘的搜索，都可以触发

<template>
<input type="text" v-model="keywords" @confirm="search" placeholder="请输入关键字搜索" />
</template>
<script>
export default{
	data(){
	},
	methods:{
		search(){
		}
	}
}
</script>