data() { return { datalist:[ { 'title':'标题1' 'time':'2018-06-24' }, { 'title':'标题2' 'time':'2018-06-24' }, { 'title':'标题3' 'time':'2018-06-29' }], } }, clickDay(data) { var a = data.split('/'); var curData = a[0] + '-' + (a[1] < 10 ? '0':'') + a[1]+'-'+ (a[2] < 10 ? '0':'')+a[2]; //console.log(curData); },每次点击的时候,curData的值都不一样,然后对比datalist中的time值,如果一样就渲染当前的数据,点击哪个渲染哪个数据
4 回答
繁星coding
TA贡献1797条经验 获得超4个赞
datalist.filter(item=>item.time === '2018-06-24')
这是vue的写法,datalist是请求过来的总数据,searchTime是过滤的时间(这里要确保和请求的数据中的时间格式是一样的),filterData才是渲染在页面上的数据,然后监听searchTime与datalist,改变filterData的值
computed:{
filterData:function(){
this.datalist.filter(item => this.searchTime == '' ? item.time === this.searchTime : true)
}
},
手掌心
TA贡献1942条经验 获得超3个赞
let datalist = [
{
'title':'标题1',
'time':'2018-06-24'
},
{
'title':'标题2',
'time':'2018-06-24'
},
{
'title':'标题3',
'time':'2018-06-29'
}]
datalist = datalist.filter(d => d.time === '2018-06-24')
console.log(datalist)
添加回答
举报
0/150
提交
取消