vue模板判断-不要再傻傻写if()了

在vue开发中,有时会遇到需要在模板里写

v-if="userType ==='AGENCY' || userType ==='PLACE' || userType ==='MANAGEMENT'"

但是这样写可能不太美观 这时可以改为用计算属性加include或者some

computed: {
    isAgencyUser() {
      const { userType } = this
      // return ['AGENCY', 'PLACE','MANAGEMENT'].includes(userType)或者
      return ['AGENCY', 'PLACE', 'MANAGEMENT'].some(_ => _ === userType)
    }
  },

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