el-select 选中为什么显示的是 value,而不是 text

el-select选中显示value,而不是text

<el-form-item label="性别" prop="gender">
      <el-select v-model="dataForm.gender" placeholder="性别">
        <el-option v-for="gender in genderList" :value="gender.code">{{ gender.name }}</el-option>
      </el-select>
</el-form-item>

return {
    genderList: [
        {code: 0,name: "女"},
        {code: 1,name: "男"},
        {code: 3,name: "未知"}
    ],
    select: ''
}
讨论数量: 2
pardon110

option标签所决定。若你想要让value值为text内容,直接将gender.code改为gender.name

3年前 评论

在option中加个label属性

             <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.name"
                :value="item.value">{{item.name}}</el-option>
3年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!