v-for结合计算属性使用
需求: 在返回的数据中,时间日期为2012-12-12 12:12:12但是只需要2012-12-12,想到使用计算属性找了一圈还是没找到怎么使用.于是参考vue官网可以使用方法return返回的形式<li class="list-group-item" v-for="(item,index) in myNoticeList" :key="index">&l...
·
需求: 在返回的数据中,时间日期为2012-12-12 12:12:12
但是只需要2012-12-12,想到使用计算属性
找了一圈还是没找到怎么使用.于是参考vue官网可以使用方法return返回的形式
// 数据格式:
myNoticeList=[{last:2012-12-12 00:00:00}]
// html
<li v-for="(item,index) in myNoticeList" :key="index">
<span >{{last(item.last)}}</span>
</li>
methods: {
last(val) {
console.log(val) // 2012-12-12 00:00:00
let time = val;
let timearr = time.replace(" ", ":").replace(/\:/g, "-").split("-");//["2012", "12", "12", "00", "00", "00"]
let timestr = timearr[0] + "-" + timearr[1] + "-" + timearr[2];// 2012-12-12
return timestr;
},
}
但是在想还有没有另一种方式,如果有的话麻烦大佬告知.谢谢
更多推荐
已为社区贡献2条内容
所有评论(0)