vue一些实用方法

作者: 嵩鼠 | 来源:发表于2019-07-29 10:09 被阅读1次

列表项循环,点击某选项需要更改样式

<div v-for="item in list" :key="item" :class="{'active':item.isActive}" @click="curr(item)">


methods:

curr(item){

  this.$nextTick(function(){

      this.items.forEach(function(item){ //给每个元素添加属性active false

     Vue.set(item,'active',false);

  });

  Vue.set(item,'active',true);  //给当前选中的元素添加active true

})

}

相关文章

网友评论

    本文标题:vue一些实用方法

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