input框搜索

使用过滤器

在input框中

<el-input v-model="searchValue" @input="projectSearch"><i slot="suffix" class="el-input__icon el-icon-search"></i></el-input>

 

methods中有方法（也可以写在computed中）

projectSearch(){

    return this.noChooseProject.filter(item => item.name.includes(this.searchValue))

},

 

ul或者table处遍历projectSearch()方法（需要搜索处的数据）（如果写在computed中projectSearch后不加()）

<ul>

     <li v-for="item in projectSearch()" :key="item.id" v-on:dblclick="chooseClick(item)">{{item.name}}</li>

 </ul>

 

 

 

 

v-on:dbclick  双击触发事件