v-for
<div v-for="list in repData" ></div>
v-text
<span v-text="data" ></span>
v-bind
<img v-bind:src="list.isConcern" />
v-show
<div v-show="showPointsList" ></div>
v-if
<div v-if="showPointsList" ></div>
v-class
<div :class=" 'show': showPointsList" ></div>
v-on
<div @click="rotateWheel"></div>
- 当在页面动态改变数据时，数据没有检测更新，解决方案，使用
Vue.set(target, key, value)。
toggleActivate: function(item, list){
var len = list.length;
for(var i=0; i<len ; i++ ){
if(list[i] && list[i].active){
Vue.set( list[i], 'active', false );
Vue.set( item, 'active', true );
this.data.points = item.points;
return;
}
};
Vue.set( item, 'active', true );
}
