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
提供第二個參數(shù)獲取鍵值
<li v-for="(value,key) in obj">{{k}}:{{v}}</li>
第三個參數(shù)為索引值
<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綁定數(shù)據(jù)切換tab出現(xiàn)閃現(xiàn)問題
設(shè)置變量(justTop)控制dom元素是否show的時候块蚌,在請求數(shù)據(jù)接口完成之后闰非,再設(shè)置變量的值;
$.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未選中獲取值