问题出处
<el-form-item label="性别" prop="sex">
<el-select
v-model="addForm.sex"
style="width: 400px"
placeholder="请选择性别"
>
<el-option
:label="男"
:value="1"
>
</el-option>
<el-option
:label="女"
:value="2"
>
</el-option>
</el-select>
</el-form-item>
解决办法
希望下拉选项显示"男"和"女",但实际上只显示了数字1和2。
问题在于:
el-option
组件的:label
和:value
属性绑定时没有使用引号将文本包裹起来,导致它们被当作变量而未定义。应该将
:label
和:value
属性的绑定修改为字符串形式,如下所示:<el-option :label="'男'" :value="1" ></el-option> <el-option :label="'女'" :value="2" ></el-option>