Elementui form stutter

    50









  <el-table :data="curr_data" height="700px" key="setTable" @selection-change="handleSelectionChange" v-else-if="type=="set""  >
                  <el-table-column type="selection"    fixed></el-table-column>
                  
                <el-table-column v-if="isShowband()"
                  prop="band"
                  label="band"
                  width="100"
                  :filters="[{ text: "", value: "" }, { text: "bandA", value: "bandA" }]"
                  :filter-method="filterTag"
                  filter-placement="bottom-end">
                  <template slot-scope="scope">
                    <el-tag disable-transitions>{{scope.row.band}}</el-tag>
                  </template>
                </el-table-column>
                <el-table-column prop="name" label="name"  >
                </el-table-column>
                <el-table-column  label="value" >
                    <template slot-scope="scope">
                          <el-select  v-if="scope.row.type==7&&scope.row.enum!=-1" v-model="scope.row.dataValue" @change="changeSelect()">
                            <el-option
                              v-for="(item,index) in enumArr[scope.row.enum]"
                              :key="item"
                              :label="item"
                              :value="index">
                            </el-option>
                          </el-select> 
                        <el-input v-model="scope.row.dataValue" v-else></el-input>
                    </template>
                </el-table-column>
                <el-table-column prop="unit"  >
                </el-table-column>    
                <el-table-column >

                    <template slot-scope="scope">
                        <span v-if="scope.row.error=="0"" style="color:green ">Success</span>
                        <span v-else-if="scope.row.error==" ""></span>
                        <span v-else style="color:red ">Error</span>
                    </template>
                    
                </el-table-column>
              </el-table>
May.22,2021

do not use: key= "item". Use key as a unique value, which will make vue better reuse dom, and reduce redrawing, which may solve your stutter problem.


has it been solved? I am also very stuck now


https://github.com/livelyPeng. perfectly solves the stutter problem of 10,000-level data rendering, and smooth rendering of 10,000-level data will not affect the original functions of element el-table

.
Menu