Vue 遍历集合的时候,怎么在html页面执行函数
在遍历的时候执行一个函数,将后台返回的毫秒数转换为指定的格式显示:<div class="row" v-for="record in list"><div class="r1">{{record.createtime | KilobitMoneyFormat }}</
·
在遍历的时候执行一个函数,将后台返回的毫秒数转换为指定的格式显示:
<div class="row" v-for="record in list">
<div class="r1">{{record.createtime | KilobitMoneyFormat }}</div>
<div class="r2">{{record.aname}}</div>
</div>
js代码
export default {
name: 'awardRecord',
data(){
return{
list:'', /*奖品记录集合*/
pages:'', /*总页数*/
curpage:1, /*当前页*/
}
},
mounted:function(){
/*重写toLocaleString;转换时间格式*/
Date.prototype.toLocaleString = function() {
return this.getFullYear() + "-" + (this.getMonth() + 1) + "-" + this.getDate() + " " + this.getHours() + ":" + this.getMinutes() + ":" + this.getSeconds() + "";
};
/*debugger;*/
req.getCurrentUser();
this.initProcess();
},
/*转换时间格式*/
filters:{//如下这样写
KilobitMoneyFormat:function (valueNum) {//valueNum就是我们需要的值
var unixTimestamp = new Date( valueNum ) ;
/*console.log(unixTimestamp.toLocaleString());*/
var date=unixTimestamp.toLocaleString();
return date;//返回给前台页面的值
}
},
更多推荐
已为社区贡献4条内容
所有评论(0)