以下列出我遇到过的问题,代码如下所示
const status = 0
const status_options = [
{
value: '0',
label: '上架',
},
{
value: '1',
label: '未上架',
},
{
value: '2',
label: '下架',
},
]
<el-select
:model-value="status"
class="m-2"
placeholder="请选择商品状态"
>
<el-option
v-for="item in status_options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
如果这样写选择框显示的是0而不是上架,这种情况比较常见,原因是他们的数据类型不一致,这个时候统一数据类型就会显示对应的上架了