vue笔记

1.vue索引值使用

2.v-for遍历一个对象

{{v}}

obj={

    "a":1,

    "b":2

}

// 1,2

提供第二个参数获取键值

{{k}}:{{v}}

第三个参数为索引值

2.vue赋值给object

that.imgEmpty={};

3.v-bind:style

v-bind:style="{backgroundImage:'url('+pic+')'}"

4.vue绑定数据切换tab出现闪现问题

设置变量（justTop）控制dom元素是否show的时候，在请求数据接口完成之后，再设置变量的值；

$.ajax({

                type: "post",

                url: commond+str,

                dataType: "json",

                data:{

                    type: 3002,

                    plateType: 4,

                },

                success: function(res) {

                    if(res.code==0){

                         if(today=='today'){

                            that.yesterdayRanks=res.data.userRanks;

                            return;

                        }else{

                            that.yesterdayRanks={};

                        }

                        if(res.data.self){

                            that.self=res.data.self;

                        };

                    }

                },

                error: function(jqXHQ) {

                    console.log(jqXHQ)

                },

                complete:function(){

                     if(str=='getTodayRank' || str=='getLastWeekRank'){

                        that.justTop=false;

                    };

                    if(today=='back_btn'){

                        that.justTop=false;

                    }

                }

            });

5.checkbox选中

可以通过v-bind:true-value选中获取值，v-bind:false-value未选中获取值