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

 <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>

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值