Ele table loop rendering ele select page super stutter

as the title

the code is as follows 

<el-table-column
                prop="task"
                fixed
                label=""
                width="150"
        >
            <template slot-scope="scope">

                <el-tooltip content="" placement="bottom" effect="light"
                            :disabled="scope.row.approvalState == "agree"?false:true">

                    <el-select v-model="scope.row.task"
                               clearable
                               placeholder="" size="mini"
                               :disabled="scope.row.approvalState == "agree"?true:false">
                        <el-option v-for="item in scope.row.Tasks" :key="item.label"
                                   :label="item.label"
                                   :value="item.value">
                        </el-option>
                    </el-select>
                </el-tooltip>

            </template>

        </el-table-column>
Vue.js javascript
Apr.01,2021

do you want to edit directly on the current line?
otherwise, do not do this line editing operation, or slightly optimize it, for example:
dynamic paging to reduce the number of lines;
reduce nesting, remove tooptip;
when select is disable, there is no need to cycle option, and you can't click anyway, or simply use input;
task to delay loading the drop-down

if it's the same.

< el-select VMI model = "defaultvalueItem.dest" class= "captive-mix-select" @ change= "changeAuthSelect (index, indexRow)" ref= "selectItem" > 

                            <el-option v-for="val in destValues" :key="val.value" :value="val.value" :label="$t(description + val.key)"></el-option>
                        </el-select>

I have the same problem: destValues is 4, but there is also a loop outside el-select; so there may be multiple el-select

is a bit slow; do you have an optimization method? if you use el-input-number, can you post your code

I use el-input-number instead of el-select stutter is significantly reduced. Do you want me to post the code?

Previous: How to judge that all models have been loaded in threejs?

Next: Vue project, open the white screen with your own browser

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b39ea1-2c1ca.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b39ea1-2c1ca.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?