Vue3给输入框绑定监听事件

给输入框绑定监听事件的整理思路为：先给创建一个变量用来收集输入框数据，输入框绑定v-model事件，然后再绑定一个自定义事件，自定义事件监听输入框的值，同时赋值给最开始定义的变量，代码如下：

<input type="text" class="search_text" placeholder="不如探索一下AskHub?" v-model="inpval" @input="handleInputChange" />

// 搜集输入框数据
const inpval = ref('');
// 监听输入框变化的函数
const handleInputChange = (event) => {
	console.log(event);
	inpval.value = event.target.value;
	// 如果输入框为空，进行相关的逻辑
	if(inpval.value == ''){
		searchShop.commodityList()
	}
};

这样就可以对输入框进行实时监听，并完成相应的逻辑