vue element ui table data after padding error data replacement

vue element ui table data after padding error data replacement

After replacement data element ui table populated with data errors

First posted Code

// aa为true展示第二个列表，为false展示第一个列表，点击第一个列表行展示第二个列表隐藏第一个
 <el-table v-if="!eqidlist"
                                      :height="table_height"
                                    size="small"
                                    stripe
                                    :data="dateStatusMonitor"
                                    style="width: 100%" @selection-change="handle" @row-click="getEqptConsumeByID">
                                <el-table-column
                                        type="selection"
                                        width="50">
                                </el-table-column>
                                <el-table-column
                                        type="index"
                                        label="序号"
                                        width="50">
                                </el-table-column>
                                <el-table-column
                                        prop="a1"
                                        label="a1">
                                </el-table-column>
                                <el-table-column
                                        prop="a2"
                                        label="a2">
                                </el-table-column>
                                <el-table-column
                                        prop="a3"
                                        label="a3">
                                </el-table-column>
                                <el-table-column
                                        prop="a4"
                                        label="a4">
                                </el-table-column>
                              
                            </el-table>
                            //绑定同一数据源，多了两列，删除序号列和check框列
<el-table v-if="aa"
                                      :height="table_height"
                                size="small"
                                stripe
                                :data="dateStatusMonitor"
                                style="width: 100%" @selection-change="handle">
                        
                               <el-table-column
                                        prop="a1"
                                        label="a1">
                                </el-table-column>
                                <el-table-column
                                        prop="a2"
                                        label="a2">
                                </el-table-column>
                                <el-table-column
                                        prop="a3"
                                        label="a3">
                                </el-table-column>
                                <el-table-column
                                        prop="a4"
                                        label="a4">
                                </el-table-column>
                                <el-table-column
                                        prop="a5"
                                        label="a5">
                                </el-table-column>
                                <el-table-column
                                        prop="a6"
                                        label="a6"
                                        width="80">
                                </el-table-column> 
                            </el-table>
                           

The results also found that the number row, column headers a1 to a1 content numbers, others are content correctly, view the data is correct, ultimately, retention check the number row and column data corresponding normal