element插件Descriptions中使用v-if的el-select插件出现值混乱

问题描述

使用v-if后,页面中的性别选择框和下方的学历选择框一致了
element插件Descriptions中使用v-if的el-select插件出现值混乱_第1张图片

解决方法

在性别选框的中添加:key=“Math.random()”

<template v-if="formData.idnotype > 1">
    <el-descriptions-item label-align="center" name="sex" label="性别" label-class-name="setred">
        <el-form-item prop="sex" :key="Math.random()">
            <el-select
                v-model="formData.sex"
                class="m-2"
                placeholder="请选择性别"
                size="large"
            >
                <el-option
                v-for="item1 in sexList"
                :key="item1.value"
                :label="item1.label"
                :value="item1.value"
                >
                el-option>
            el-select>
        el-form-item>
    el-descriptions-item>
 template>

你可能感兴趣的:(vue,vue.js,javascript,前端)