qq_33709408 2018-01-30 04:15 采纳率: 0%
浏览 2959
已结题

vue v-for循环与class计算类名

 <li :class="0|title_li_class" @click="titleli_click($event,0)">全部</li>
<li v-for="(item, index) in titleli_list" @click="titleli_click($event,item[0])" :class="item[0]|title_li_class">{{item[1]}}</li>

//filters(vue 里过滤器);
filters: {
        title_li_class: function (value) {
                if (value == this.Classify) {
                        return 'cur';
                }
                else {
                        return '';
                }
        }
},


//fn_url(vue methods里的方法,加载页面时执行);
fn_url: function () {
    if (location.href.indexOf("?") != -1) {
            if (location.href.split('?')[1].split('=')[0] == 'Classify') {
                    this.Classify = location.href.split('?')[1].split('=')[1];
            }
            else {
                    this.Classify = 0;
            }
    }
    else {
            this.Classify = 0;
    }
},

要求:从地址栏获取Classify的值,对应ajax请求到的titleli_list循环产生的item[0],当item[0]等于Classify的时候class类名li就为cur,不等于的时候就没有类名,当地址栏没有Classify的时候也就是Classify等于0,第一个li也就是文字全部的li标签有类名cur,否则没有类名,要怎么写?我这样用过滤器写的方法不对

  • 写回答

2条回答 默认 最新

  • Go 旅城通票 2018-01-30 06:53
    关注

    fn_url从哪里执行,不行Classify 作为全局变量,不要加this,你的this指向应该有问题,filter中this是window对象,要注意this的指向

    评论

报告相同问题?

悬赏问题

  • ¥15 MCNP里如何定义多个源?
  • ¥20 双层网络上信息-疾病传播
  • ¥50 paddlepaddle pinn
  • ¥20 idea运行测试代码报错问题
  • ¥15 网络监控:网络故障告警通知
  • ¥15 django项目运行报编码错误
  • ¥15 请问这个是什么意思?
  • ¥15 STM32驱动继电器
  • ¥15 Windows server update services
  • ¥15 关于#c语言#的问题:我现在在做一个墨水屏设计,2.9英寸的小屏怎么换4.2英寸大屏