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={};
![](https://img.haomeiwen.com/i8162949/82a85203682119ab.png)
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未选中获取值
![](https://img.haomeiwen.com/i8162949/516a9e73c61290df.png)
网友评论