**
vue+Elment-UI 动态生成表格(包括表头,表头的个数、名称都未知)、动态生成搜索框
**
动态生成的input搜索框:
<div style="display: inline-block;margin-left:5px" v-for="(item,index) in excel_header_name_list" :key="index">{
{
item.excel_header_name}}:<el-input v-model="fields_value[index]" clearable @keyup.enter.native="getData"></el-input></div>
该搜索框的显示文字(相当于label),和该input绑定的值都是动态的。excel_header_name_list是一个对象数组,存储搜索框显示的文字信息;fields_value是一个数组,存储查询字段的值(这里注意一下,搜索框在没有输入值的时候,会动态生成多少个搜索框,fields_value数组中就会有多少个undefined,而不是空字符串)。(excel_header_name_list和fields_value是需要事先做好排序一一对应的)
动态生成的数据表格:
<el-table border :data="data_list" v-loading="loading" element-loading-text="loading" height="100%" >