vue后端返回数字回显成汉字写法

  <template slot="userStatus" slot-scope="{scope}">
          <span :style="userStatusStatus(scope.row.userStatus)">{{scope.row.userStatus | formatUserStatus }}</span>
        </template>

 filters: {
    formatUserStatus (status) {
      if (+status === 0) { // +是转为Number
        return '正常'
      } else if (+status === 1) {
        return '异常'
      } else if (+status === 2) {
        return '关闭'
      } else {
        ''
      }
    }
  },

userStatusStatus (status) {
      if (+status === 0) {
        return 'color: green;'
      } else if (+status === 1) {
        return 'color: red;'
      } else if (+status === 2) {
        return 'color: yellow;'
      } else {
        ''
      }
    },