Vue3给输入框绑定监听事件

2024-07-12 14:40| 来源: 网络整理| 查看: 265

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

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

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

【本文地址】

公司简介

联系我们