源代码:
<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,一个三元运算符就行了
完活,收工!