电商网站建设标准导购返利网站开发

修改前效果如图所示，数据值状态应显示为可用，但实际上仅显示了状态码1，并没有显示其对应的状态信息。在排查了数据类型对应关系问题后，并没有产生实质性影响，只好对代码进行了如下修改。

修改前代码：

<el-select v-model="datasetInfo.status" placeholder="请选择数据集状态"><el-option label="可用" value=1></el-option><el-option label="不可用" value=0></el-option>
</el-select>

修改后代码：

<el-select v-model="datasetInfo.status" placeholder="请选择数据集状态"><el-option v-for="item in options" :value="item.value":label="item.label"></el-option>
</el-select>

export default {data() {return {options: [{value: 0,label: '不可用'},{value: 1,label: '可用'}]}}
}