当输入框input用于搜索时,input的改变事件可以用@input方式,我用的框架是elementUI,下面是elementUI中input使用。
在这里插入图片描述

		<el-input
              placeholder="输入关键字搜索"
              class="search-input-style"
              size="mini"
              clearable
              v-model="searchValue"
              @input="inputSearch($event)">
              <i slot="suffix" class="el-input__icon el-icon-search" ></i>
            </el-input>

下面是vue中实现input内容模糊搜索的方法,看图
在这里插入图片描述
在这里插入图片描述
只是记录一下打码中用到的,大家有更好的方法或者更便捷的写法也可以分享出来。

Logo

前往低代码交流专区

更多推荐