<html> <head> <title></title>
filters: { capitalize(value) { switch (value) { //00:新建,01:成功,02:部分成功,03:撤销,04:超时未处理,05:失败,06:保全中 case '00': return "新建"; case '01': return "成功"; case '02': return "部分成功"; case '03': return "撤销"; case '04': return "超时未处理"; case '05': return "失败"; case '06': return "保全中"; default: return "无" } } }, 页面中可以这样写 <td>{{user.status|capitalize}}</td>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> window.onload=function(){ Vue.filter( "addZero",function(num){ return num<10?'0'+num : num; } ) new Vue({ el: "#app", data: { curTime: '1566091212' }, filters:{ number: function(num,n){ return num.toFixed(n); }, //格式化时间戳 date(data){ let d= new Date(data * 1000); return d.getFullYear() + '-' + d.getMonth() + 1 + '-' + d.getSeconds(); } } }) } </script> </head> <body> <div id="app"> <div> {{110 |addZero}} <br> {{3.42536544|number(8)}} <br> {{curTime |date}} </div> </div> </body> </html>