vue 搜索框模糊查询列表

1. arr.indexOf(item, from) —— 从索引 from 开始搜索 item，如果找到则返回索引，否则返回 -1。
2. 首先获取tableData,存储全部数据
3. 使用计算属性，使用filter过滤返回 item.station_name.indexOf(this.searchVal) !== -1的数据（索引）
4. searchVal搜索值，当item.dataName中包含searchVal值时会返回index索引,没有时返回-1，showDataList 则为【】，
5. searchVal为空值时，则返回0，showDataList 则为list列表值

<div>
	 <el-input placeholder="请输入配电站名称" v-model="searchVal"></el-input>
	 <el-table :data="showDataList">
	    <el-table-column prop="station_name" label="电站名称"></el-table-column>
	    <el-table-column prop="thisPower" :label="`当`+`${date}`+`发电量`"></el-table-column>
	    <el-table-column prop="lastPower" :label="`上`+`${date}`+`发电量`"> </el-table-column>
	 <el-table>
</div>

data(){
	return{
      tableData: [], // 集合全部数据
      searchVal: ''  // input 搜索值
	}
},
computed:{
	showDataList(){
		const filterList = (this.tableData && this.tableData.length) ? this.tableData.filter(item=>{
			return item.station_name.indexOf(this.searchVal) !== -1
		}) : []
		return filterList
	}
}