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

weixin_46276411

于 2021-10-25 10:40:11 发布

阅读量793

点赞数

分类专栏： vue+elementUI 文章标签： vue.js 后端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_46276411/article/details/120947701

版权

vue+elementUI 专栏收录该内容

3 篇文章

订阅专栏

  <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 {
        ''
      }
    },