<div class="grid-content bg-purple-light">
<el-input placeholder="请输入应用服务名称" @input="schfilterInput" icon="search" v-model="search" class="search-input">
</el-input>
</div>`
js部分:
watch:{
search: function(val,oldval){
this.rzzxxPzxxYxData = this.rzzxxPzxxYxData.filter( item => (~item.yyfwZsmc.indexOf(val)));
if(val == ""||val ==null){
this.savepz();
}
}
}`
```通过watch监听输入框绑定值得变化来进行前台页面得模糊搜索。通过判断值是否为空来决定是否刷新。实现实时得模糊搜索。
使用vue来实现elmentUI中table的页面的模糊查询
最新推荐文章于 2024-04-10 16:41:41 发布