<el-table-column width="160" align="center" header-align="center" property="" label="商品编码"> <template slot-scope="scope"> <el-select clearable filterable v-model.lazy="scope.row.goods_id" v-el-select-loadmore="loadMore" @filter-change="selectFilter" :popper-append-to-body="false" @visible-change="selectVisible"> <el-option v-for="goods in merchandiseNameData_.slice(0, range)" :key="goods.data" :label="goods.num" :value="goods.data"> </el-option> </el-select> </template> </el-table-column>十个数字只展示一个为什么
时间: 2024-02-14 17:35:26 浏览: 43
使用 Element UI Table 的 slot-scope方法
根据您提供的代码片段,`<el-select>` 组件中的选项列表是通过 `v-for` 指令和 `merchandiseNameData_.slice(0, range)` 表达式动态生成的。其中,`merchandiseNameData_` 是一个包含多个商品信息的数组,`range` 是一个变量,表示当前展示的选项个数。
因此,如果 `merchandiseNameData_` 中有多个商品的 `num` 属性值相同,那么在 `v-for` 中只会保留一个,导致最终只显示一个选项。您可以检查一下 `merchandiseNameData_` 数组中是否存在相同的 `num` 属性值,或者检查一下数据源是否正确。
阅读全文