<el-select clearable filterable v-model.lazy="scope.row.goods_id" > <el-option v-for="goods in merchandiseNameData" :key="goods.data" :label="goods.value" :value="goods.data"> </el-option> </el-select>使用虚拟列表

在 Element UI 的 `el-select` 组件中使用虚拟列表，可以通过设置 `virtual` 属性为 `true` 来开启虚拟列表的功能。具体实现方式如下：

1. 在 `el-select` 组件中添加 `virtual` 属性并设置为 `true`，来开启虚拟列表的功能。
2. 添加 `virtual-list` 属性来设置虚拟列表的可见行数，如 `10`。
3. 在 `el-option` 中添加 `virtual` 属性来开启虚拟列表的功能。
4. 在 `el-option` 中添加 `slot-scope` 插槽来定义下拉框选项的内容，如 `{{ option.label }}`。

具体代码示例如下：

<el-select
  v-model.lazy="scope.row.goods_id"
  clearable
  filterable
  :virtual="true"
  :virtual-list="10"
>
  <el-option
    v-for="goods in merchandiseNameData"
    :key="goods.data"
    :label="goods.value"
    :value="goods.data"
    :virtual="true"
    v-slot="{ option }"
  >
    {{ option.label }}
  </el-option>
</el-select>

其中，`merchandiseNameData` 是下拉框选项的数据，`scope.row.goods_id` 是选中的值。通过使用虚拟列表，可以大大提高下拉框的渲染性能。