vue中输入框搜索需要注意的问题

1.点击enter键进行搜索

<el-input v-model="inputUser" placeholder="请输入员工名" class="searchInput" @keyup.enter.native="initList"></el-input>

2.当搜索后又删除刚输入的内容后让下面的表格又恢复最开始的搜索,这里我的处理是监听输入的内容


当输入的长度为0的时候重新调用一下表格请求数据的方法,完美解决

3.清除输入中所有的空格

this.inputUser =this.inputUser.replace(/\s*/g,"")

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容