在使用element-plus中的组件性别或状态,在选择实现的时候可能会有点困难,有时可以使用单选框或者下拉框的时候,可能得不到后台的数值,有两种方式,可以存值。 第一种就是字典,: 在字典管理中写一个状态或者数据,在生成的时候选下拉框展示,前端的展示如下:
<el-form-item label="性别" prop="sex">
<el-select v-model="queryParams.sex" placeholder="请选择性别" clearable>
<el-option v-for="dict in sys_user_sex" :key="dict.value" :label="dict.label" :value="dict.value" />
</el-select>
</el-form-item>
这种的是字典展示比较简单,在下面《script》中记得引入字典
const {
whether_the_patient,
sys_user_sex
} = proxy.useDict('whether_the_patient', 'sys_user_sex');
另一种就是单选框,单选框更加简单:
<el-form-item label="性别" prop="sex">
<el-radio-group v-model="queryParams.sex">
<el-radio label="0">男</el-radio>
<el-radio label="1">女</el-radio>
</el-radio-group>
</el-form-item>
新人发布,自己记录,有错指出,感谢指导!