鍍金池/ 問答/HTML/ ele table 循環(huán)渲染ele select 頁面超級(jí)卡頓

ele table 循環(huán)渲染ele select 頁面超級(jí)卡頓

如題

代碼如下

<el-table-column
                prop="task"
                fixed
                label="任務(wù)"
                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="請(qǐng)選擇" 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>
回答
編輯回答
傲嬌范

<el-select v-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>

我也遇到了同樣同樣問題 destValues 為4個(gè)，但是el-select 外面也是個(gè)循環(huán)；所以可能有多條 el-select

就有點(diǎn)慢；請(qǐng)問你有優(yōu)化的方法嗎 如果用el-input-number 能不能貼下你的代碼

2018年3月7日 00:10
編輯回答
萌小萌

你這是想直接在當(dāng)前行執(zhí)行編輯操作？
要不然就不要這種行編輯行操作，要不然就稍微優(yōu)化一下，例如：
動(dòng)態(tài)分頁，減少行數(shù)；
減少嵌套，去掉tooptip；
當(dāng)select為disable的時(shí)候沒必要循環(huán)option，反正也不能點(diǎn)擊，或者直接用input；
task如果相同也可延遲加載下拉

2017年1月14日 08:17
編輯回答
話寡

我用el-input-number代替了 el-select 卡頓明顯減少了。 還要我帖代碼不？

2017年9月8日 00:33