vue给后台表格数据显示好看的状态

在表格中将某一项的状态更好的显示出来

后台给我们的数据中，一般状态都是为0、1、2、3或者true或者false

作为组件使用它

简单易懂

<template>
  <div style="cursor: pointer">
    <el-tag :type="type">{{ text }}</el-tag>
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: Boolean,
      require: true
    }
  },
  computed: {
    type () {
      if (this.value === 0) {
        return 'warning'
      } else if (this.value === 1) {
        return 'success'
      }
    },
    text () {
      if (this.value === 0) {
        return '入职审核中'
      } else if (this.value === 1) {
        return '已入职'
      }
    }
  },
  methods: {
  }
}
</script>

实习生加油