vue笔记

作者: 西西_80ff | 来源:发表于2018-06-28 18:10 被阅读0次

1.vue索引值使用

<li v-for="(item,index) in lists"></li>

2.v-for遍历一个对象

<li v-for="v in obj">{{v}}</li>

obj={

    "a":1,

    "b":2

}

// 1,2

提供第二个参数获取键值

<li v-for="(value,key) in obj">{{k}}:{{v}}</li>

第三个参数为索引值

<li v-for="(value,key,index) in obj"></li>

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未选中获取值

相关文章

网友评论

      本文标题:vue笔记

      本文链接:https://www.haomeiwen.com/subject/uddasftx.html