原因可能是因为，后台返回的 value 字符串类型，但是前端自己写的下拉选择 option 对应的 value 是整数类型，就会导致对应不起来，渲染不出效果。
<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in cities" :key="item.value" :label="item.label" :value="item.value"> <span style="float: left">{{ item.label }}</span> <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span> </el-option> </el-select> </template><script> export default { data () { return { cities: [{ value: '0', label: '关' }, { value: '1', label: '开' }], // 这里注意 value是字符串类型不是整数类型 value: 1不对 value: '1' } } } </script>
正确效果展示：
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
