关于el-select值的回显问题 : 框内显示label值还是value值_el-select 回显label

 <el-form-item label="状态" prop="">
                        <el-select
                            v-model="roleForm.state"
                            class="m-2"
                            size="large"
                            style="width: 240px"
                            placeholder="请选择状态"
                            value-key="value"//value-key 与下面的key保持一致，且必须是value对象中的一个属性
                        >
                            <el-option
                            v-for="sub in stateList"
                            :key="sub.value" //value-key 与下面的key保持一致，且必须是value对象中的一个属性
                            :label="sub.label"
                            :value="sub.value"
                            />
                        </el-select>
                    </el-form-item>
                </el-form>
 <script setup>
const stateList=ref(
        [
            {label:'驳回',value:'-1'},
            {label:'待审核',value:'0'},
            {label:'正常',value:'1'},
            {label:'禁用',value:'2'}
        ]
);//角色列表


</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30