<el-select clearable filterable v-model.lazy="scope.row.supplier_id"> <el-option v-for="sup in supList" :key="sup.supplier_id" :label="sup.supplier_name" :value="sup.supplier_id"> </el-option> </el-select>如何使用虚拟渲染

可以在 el-select 标签上添加一个属性 virtual-scroll，它的值为 true，表示开启虚拟滚动。此外，还可以添加其他的虚拟滚动相关的属性，如 item-height 表示每一项的高度，如果每一项的高度不一致，可以使用一个函数返回每一项的高度。代码如下：

<el-select clearable filterable v-model.lazy="scope.row.supplier_id" virtual-scroll :item-height="40">
  <el-option v-for="sup in supList" :key="sup.supplier_id" :label="sup.supplier_name" :value="sup.supplier_id">
  </el-option>
</el-select>

在使用虚拟渲染后，el-select 组件只会渲染可见区域的选项，而不是一次性将所有选项都渲染出来，可以提高页面的性能。