为什么在下拉不能正确显示数据呢?
时间: 2024-04-13 18:28:45 浏览: 126
在代码中,你的 `v-for` 循环遍历的是 `productOptions` 数组,但是在生成 `<el-option>` 标签时,使用的是 `:label="item.productName"` 和 `:value="item.productNumber"`。
根据代码片段,`productOptions` 数组中每个对象的属性名应该是 `label` 和 `value`,而不是 `productName` 和 `productNumber`。所以,你需要将 `getProduct()` 方法中的代码修改为:
```javascript
this.productOptions = response.rows.map(item => {
return {
label: item.label, // 将属性名改为 label
value: item.value // 将属性名改为 value
};
});
```
确保 `response.rows` 中的对象属性名与上述代码中的属性名一致,这样才能正确显示下拉列表中的选项数据。
阅读全文