若依vue中单选和下拉框

258 阅读1分钟

在使用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>

新人发布,自己记录,有错指出,感谢指导!