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

如何修改

 <el-form-item label="状态" prop="">
                        <el-select
                            v-model="roleForm.state"
                            class="m-2"
                            size="large"
                            style="width: 240px"
                            placeholder="请选择状态"
                            value-key="value"
                        >
                            <el-option
                            v-for="sub in stateList"
                            :key="sub.value"
                            :label="sub.label"
                            :value="sub.value*1";//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'}
        ]
);//角色列表