账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    页面首次加载所有数据与点击当前日期展示过滤之后的数据思路
    64
    0

    datalist是原始数据,datafilter是过滤之后的数据,用datafilter去做循环

    建立两个空数组,第一次请求,两个数组都有当月数据,然后点击日期的那个方法执行之后,采用原始数据过滤之后给datafilter,

    我想知道大家还有更好的方式实现嘛?

    <div class="d-list-cont" v-if="datafilter.length>0">
        <div class="d-list" v-for="(item,index) in datafilter" :key="index">
            ........................
        </div>
    </div>
    <div class="no-data" v-else>
        <div class="img"></div>
    </div>
    
    
    
    data() {
        return {
            datalist:[],
            datafilter:[],
        }
    },
    
    methods:{
        getData(){
            this.$get('接口地址',请求参数)
            .then(response=> {
                this.datalist=response
                this.datafilter=response
            })
            .catch(error=> {
                //alert('错误')
            });
        },
        //点击日期的方法
        clickDay(data) {
            //把2018/07/26 格式化符合后端需求格式一样的
            var a = data.split('/');
            var b = a[0] + '-' + (a[1] < 10 ? '0':'') + a[1]+'-'+ (a[2] < 10 ? '0':'')+a[2];
            if(this.datalist){
                this.datafilter=this.datalist.filter(o=>o.recoverTime===b)
            }
        },
    }
    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 程实 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部