怎么更改el-form-item中的性别

在Vue的前端表单中,通过三元运算符直接将从接口获取的性别数字(1代表男,2代表女)转换为文字显示,简化了原本打算编写翻译器的复杂过程。
摘要由CSDN通过智能技术生成

源代码:

<el-form-item label="性别">
         <el-input v-model="loginInfo.sex"></el-input>
 </el-form-item>

因为在数据库中性别存的是数字,1是男,2是女。前端调用接口查出来的也是数字,怎么把它翻译成男女呢?本来想写一个翻译器进行翻译,但是是在vue的form表单里面,感觉用翻译器太麻烦。

于是直接采用双括号+三元运算符来解决。

修改后的代码:

<el-form-item label="性别" prop="loginInfo.sex">
    {{ loginInfo.sex === 1 ? "女" : "男" }}
 </el-form-item>

把<el-inpu></el-input>去掉,直接在花括号搞,还好这里只有1和2,一个三元运算符就行了

完活,收工!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值