Vue{{}}内判断:
<span>{{userInfoObj.sex==0?'女': userInfoObj.sex==1?'男' : userInfoObj.sex==2? '未知':'/'}}</span>
调用方法判断:
视图层:
<li>
<span class="leftTitle">性别</span>
<!-- <span>{{userInfoObj.sex==0?'女': userInfoObj.sex==1?'男' : userInfoObj.sex==2? '未知':'/'}}</span> -->
<span>{{pdsex(userInfoObj.sex)}}</span>
</li>
methods事件处理器中
pdsex(sex) {
if (sex === 1) {
return '男';
} else if (sex === 0) {
return '女';
} else {
return '未知';
}
}
效果: