Vue.js 循环列表渲染的当前选中激活事件

js代码部分:

var vm = new Vue({
    el:'#app',
    data:{
            selectName:"",
            list:[],
},
    method:{
        selectShow:function(item){
                if (this.selectName==none){
                    this.selectName=item.name
                }else{
                    this.selectName=""
                        }
}

html 代码部分:

        <div v-for='item in list class="item">
                           ·········
                        <a class="header">{{item.name}}</a>
                        <span href="sub header">{{ item.content}}</span>
                        <span v-show="selectName == item.name" class="description">
                           ················
                        </span>
                    </div>
                    <div class="right floated content">
                        <i v-on:click="selectShow(item)" class="icon ellipsis vertical"></i>
                    </div>
          </div>
posted @ 2017-09-14 23:25  zijie  阅读(441)  评论(0)    收藏  举报