vue+element 实现表格的模糊搜索功能

首先我们先把实现需求内容写出来
一个input框加一个点击按钮,
也可以不用点击按钮触发,在watch里监听input框绑定值也可以,
具体看业务需求
我在下面以input框加点击按钮举例说明

 1. [创建个input框] 
 2. [创建按钮给事件]
 3. [对接口重新赋值表格数据]
 //我们直接从element拿过来input基本用法就行 需要的改动自行调节
<el-input v-model="input" placeholder="请输入名称查询"></el-input>
//通过点击按钮触发需要给按钮加一个点击事件
<el-button icon="el-icon-search" circle @click="search"></el-button>

<script>
export default {
  data() {
    return {
      name: ''//input框绑定的输入值
    }
  },
  methods:{
  //模糊搜索事件
  //以axios get 请求为例
  	search(){
  		let params ={
  		//这里看你们搜索接口需要拼接什么
  		//以接口需要拼接name为列子
  			name:this.name
		};
		this.$axios
			.get(模糊查询调用的接口,{params})
			.then((res)=>{
				if(res.data.code==200){
				//这里在给你原本表格进行赋值操作就可以了
				}
			)
    }
  }
}
</script>