el-table中下拉框有el-tooltip卡顿

Question

vue2
el-table表格中 （下拉框选项都有一个提示文字说明）
每行都有一个el-select
每个el-option中包裹一个el-tooltip
表格一百多行 也就是100多个el-select 中都有一个el-tooltip
去掉el-tooltip 页面不卡 很丝滑 加上页面很卡顿 接口反回响应数据都很慢了
注音：
1.不能用分页 这个功能必须一次展示100多个
单行例子:

<el-table-column label="例子" align="center" width="450">
                  <template slot-scope="scope">
                      <el-select v-model="scope.row.a" placeholder="请选择111"  style="width:400px" size="mini"
                      >
                        <el-option
                          v-for="item in scope.row.List"
                          :key="item.id"
                          :label="item.name"
                          :value="item.id">
                          <el-tooltip  effect="dark" placement="left-start">
                             <div slot="content">
                                <div>
                                   {{item.shuoming}}
                                </div>
                                </div>
                                <div> {{item.name}} </div>
                              </el-tooltip>
                        </el-option>
                      </el-select>
                  </template>
    </el-table-column>

Answer 1

v-for="item in scope.row.List" 这里不要每行都遍历 生成el-option ，定义一个数组showList，当展开el-select 时 把当前行的 scope.row.List 赋值给showList