虽然我们是后端开发人员,但是很多时候前端的一些东西也会需要自己写,我刚接触开发时,看到后端的性别和状况都是0、1这种形式存到数据库的,当时就不知道如何把它转换为对应的男女和禁用、启用在前端显示出来。经过做过一个小项目才知道如何做到,记录下来:
我们可以在从后台查询到数据之后,先把查到的对应的数据赋值给前端对应的Vue数据模型变量this.ruleForm,然后之后,再对这个变量里的具体的某个属性的值进行操作,就可以实现把数字的0、1给转换为男女了,如下所示:

if (String(res.code) === '1') {          
       this.ruleForm = res.data
       this.ruleForm.sex = res.data.sex === '0' ? '女' : '男'
       this.ruleForm.password = ''
       }

同样的,如上所示,如果后端把密码也给返回来的话,我们可以通过这种方式,把密码的清空,这样前台显示的时候,就不会显示出密码了。安全性得到了一定的保障。

更多推荐