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

源代码:

<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,一个三元运算符就行了

完活,收工!

猜你喜欢

转载自blog.csdn.net/weixin_46511995/article/details/129016675