Vue前端性别多重判断问题(男、女、未知)

Vue{{}}内判断:

{{userInfoObj.sex==0?'女': userInfoObj.sex==1?'男' : userInfoObj.sex==2? '未知':'/'}}

调用方法判断:

        视图层:

  • 性别 {{pdsex(userInfoObj.sex)}}
  •         methods事件处理器中

    pdsex(sex) {
     if (sex === 1) {
       return '男';
      } else if (sex === 0) {
      return '女';
      } else {
      return '未知';
     }
    }

    效果:

    Vue前端性别多重判断问题(男、女、未知)_第1张图片

     

    你可能感兴趣的:(Vue入门,vue.js,前端,javascript)