初学者用vue渲染表格时遇到的问题

Question

这些数据都是后台传过来的STATUS 为0表示为审核中STATUS 为1表示为正常STATUS 为2表示为锁定状态但我现在不知道该如何改为对于的中文，该怎么弄呀？<tr v-for="(item,index) in infoData">    <td>{{index+1}}</td>    <td>{{item.name}}</td>    <td>{{item.email}}</td>    <td>{{item.roleName}}</td>    <th>{{item.status}}</th></tr>

Answer 1

<th>{{item.status|statusFormat}}</th>

filters: {

    statusFormat: function(value) {

      return value === 0 ? '审核' : value === 1 ? '正常' : '锁定'

    }

  }

Answer 2

过滤器 — Vue.js

使用过滤器即可

Answer 3

写一个map

<tr v-for="(item,index) in infoData">

    <th>{{statusMap[item.status]}}</th>

</tr>

data(){

    return {

        statusMap:{

            0:"审核中",

            1:"正常",

            2:"锁定"

        }

    }

}

Answer 4

全局的filter，可用于所有组件

{{ scope.row.paragraph | time}}

Vue.filter('time',function (params) {

     params = params ? params.slice(0,[10]):params

    return params

})