vue3中使用element-ui组件在性别选择中，如何将传递的参数修改后传递给后端

于 2024-07-18 10:17:47 发布
阅读量200 收藏
点赞数 1
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74345597/article/details/140515098
版权

在前端页面设计开发中，在性别上往往使用选择组件来完成选取，对于选取性别后，如何修改参数传递到后端，符合自己数据库的存储类型，我对常使用的element-ui组件做了总结

在模糊查询中，我们经常会使用el-select下拉框组件，其中的el-option选项组件可以通过value属性来绑定参数，选择对应的选项，则会将value值作为参数传递到后端，例如转换为int属性

在大部分网站的个人信息设置上常常会出现el-radio组件来完成个人性别的选择，例如CSDN个人中心，在这种组件中我们可以直接通过label属性来绑定参数，实例如下：

懒惰的cv怪
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue+element-ui DateTimePicker组件分钟设置步长step
05-17
在Vue.js框架中，Element-UI是一个非常流行的前端UI组件库，它提供了丰富的组件供开发者构建用户界面。本文将深入探讨如何在DateTimePicker组件中设置分钟的步长（step）。 DateTimePicker是Element-UI中用于日期和...
Django后端分离 使用element-ui文件上传方式
12-17
在本文中，我们将探讨如何在Django后端分离的架构中使用Element-UI进行文件上传。Element-UI是一个基于Vue.js的组件库，提供了一系列美观的界面元素，其中包括文件上传功能。以下是一些关键知识点： 1. **Element-...
前端性别判断
suimingbo的博客
10-27 440
input type="radio" v-model="users.sex" value="1">男。<input type="radio" v-model="users.sex" value="0">女。这是一段HTML代码，用于创建两个单选按钮。这些单选按钮使用了Vue.js的。属性的值，以便在用户选择男性或女性时进行相应的处理。指令，你可以在Vue实例中轻松地跟踪和修改。第一个单选按钮有一个值为。第二个单选按钮有一个值为。指令来与Vue实例中的。
vue2.0移动端自定义性别选择提示框
li420520的博客
10-18 762
这篇文章主要是简单的实现了vue2.0移动端自定义性别选择的功能，很简单但是经常用到，于是写了一个小小的demo，记录下来。 效果图： 图片.png 实现代码： &lt;t emplate&gt; &lt;div class="app"&gt; &lt;div class="boy"&gt; &lt;input type="radio"
user注册功能实现vue
汪程序员
06-02 598
三个div 请求和响应 如果再次注册
VUE 性别选择
qq_22574487的博客
10-31 3696
html <view class="groupSex"> <view v-for="(item,index) in sexList" class="radios" :class="{radiosChecked:active == index}" @click="chooseSex(index)">{{item}}</view> </view> c...
基于python3+vue+Element-ui开发的CMDB 资产管理系统
12-17
Element-UI是基于Vue.js的组件库，提供了丰富的UI组件，如表格、按钮、表单、导航等，可以快速搭建出美观的界面。在CMDB系统中，Element-UI帮助开发者快速构建用户界面，降低开发难度，提升开发效率。 **CMDB系统的...
Vue + Element-ui的下拉框el-select获取额外参数详解
10-14
在Vue.js框架中，Element-ui库提供了一套丰富的UI组件，其中包括用于创建下拉框的`el-select`组件。在实际开发中，我们可能需要在用户改变选择时获取额外的信息，比如当前行的数据或者自定义的属性。本文将详细介绍...
vue中element 的upload组件发送请求给后端操作
11-19
在Vue.js中，Element UI库提供了丰富的组件，其中包括`<el-upload>`组件，它用于处理文件上传的功能。本文将深入探讨如何使用`<el-upload>`组件来发送请求给后端进行文件操作，以及如何实现上传文件到服务器并进行...
解决无法选择vue的Element UI组件中的下拉选择框（Select）的问题
最新发布
myhkhk的博客
02-19 434
解决无法选择vue的Element UI组件中的下拉选择框（Select）的问题
15 Vue3中使用v-model绑定单选框
Python私教
12-19 2603
使用v-model绑定单选框也比较常见，比如性别，要么是男，要么是女。比如单选题，给出多个选择，但是只能选择其中的一个。在本节课中，我们演示一下这两种常见的用法。
Vue3 表单输入绑定简单应用
javaGHui的博客
08-09 231
Vue3 表单输入绑定简单应用
element ui 表单验证单选框是否被选中的小问题
happydayaa的博客
03-19 594
解决：这是因为我的prop和v-model设置的名字不一致导致的，如果不一致，它就无法动态根据你的选择去验证了。时发现，只要点击单选框的按钮它就会出现请选择性别的提示。
vue中下拉框格式化方法
热门推荐
weixin_55229531的博客
06-07 1万+
vue中下拉框格式化方法
使用ant design of vue的下拉框来选择性别，性别的值为0、1，被选中的选项显示的是value值，即0、1，不显示男、女
smilling sky的博客
08-12 2633
问题：（ 男：0 女：1） 后端传回数据0，选中框应该显示男而不是0 出现问题的写法： < a-select v-model=“test.sex” placeholder=“请选择性别” notFoundContent=“数据为空” style=“width:100%”> < a-select-option value=“0”>男< /a-select-option> < a-select-option value=“1”>女< /a-selec
vue：vant实现弹框
qq_36413371的博客
10-31 6523
单个弹出层及picker选择器（实现） // 只要通过一种行为（点击页面的某个按钮）来showPicker=true，让弹框显示出来 。功能：选择性别,学历等都会用到 <template > <div class="vantdemon"> <!-- 单级别选择框：选择性别。学历 --> <div @click="clickFn()......
在Vue中使用element-ui的上传组件上传图片到后端
04-01
3. 在组件中使用el-upload组件 ```html <el-upload class="upload-demo" action="/api/upload" :on-success="handleSuccess" :before-upload="beforeUpload" :headers="{Authorization: token}"> <el-...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值