初学者用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: {&nbsp; &nbsp; statusFormat: function(value) {&nbsp; &nbsp; &nbsp; return value === 0 ? '审核' : value === 1 ? '正常' : '锁定'&nbsp; &nbsp; }&nbsp; }

Answer 2

过滤器 — Vue.js使用过滤器即可

Answer 3

写一个map<tr v-for="(item,index) in infoData">&nbsp; &nbsp; <th>{{statusMap[item.status]}}</th></tr>data(){&nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; &nbsp; statusMap:{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 0:"审核中",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 1:"正常",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 2:"锁定"&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }}

Answer 4

全局的filter，可用于所有组件{{ scope.row.paragraph | time}}Vue.filter('time',function (params) {&nbsp; &nbsp; &nbsp;params = params ? params.slice(0,[10]):params&nbsp; &nbsp; return params})