為什么頁(yè)面中select控件多了，會(huì)明顯影響響應(yīng)速度, 如何優(yōu)化？

vue綁定json數(shù)據(jù)

data(){
    return {
        form:{
            //...,
            rows:[{ // 假設(shè)rows有100條數(shù)據(jù)，每行3個(gè)select
                sel1Val:'' // select選中值
                selList:[ // select下拉框
                {option_id:'1', option_name:'1'},
                {option_id:'2', option_name:'2'}]
            },
            {
                sel2Val:''
                selList:[
                {option_id:'2-1', option_name:'2-1'},
                {option_id:'2-2', option_name:'2-2'}]
            },
            //...
            ]
        }
    }
}

HTML

<table>
<el-form>
    <thead>
        <tr>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr v-for="(item, $index) in form.rows">
            <td>
                <el-select v-model="item.sel1val">
                    <el-option v-for="opt in item.selList" :value="opt.option_id" :lalbel="item.option_name"></el-option>
                </el-select>
            </td>
            <td>
                <el-select v-model="item.sel2val">
                    <el-option v-for="opt in item.selList" :value="opt.option_id" :lalbel="item.option_name"></el-option>
                </el-select>
            </td>
            <td>
                <el-select v-model="item.sel3val">
                    <el-option v-for="opt in item.selList" :value="opt.option_id" :lalbel="item.option_name"></el-option>
                </el-select>
            </td>
            <!--略-->
        </tr>
    </tbody>
</el-form>
</table>