uniapp input框监听回车搜索事件效果demo(整理)

效果图打印值:
在这里插入图片描述
主要使用:
confirm-type=“search” @confirm=“searchClick”

<template>
	<input type="text" v-model="form.keyword" placeholder="搜索商品" placeholder-style="color: #CCC;" confirm-type="search" @confirm="doSearch" />
</template>
<script>
	export default {
    
    
		data(){
    
    
			return{
    
    
				form: {
    
    
					keyword: '',
				},
			}
		},
		methods: {
    
    
			doSearch(event) {
    
    
				this.form.keyword = event.detail.value;
				console.log(event,"按键成功")
			},
		}
	}
</script>
<style>
	
</style>



猜你喜欢

转载自blog.csdn.net/qq_38881495/article/details/125652578