html代码

  <div class="table-body" >
                    <div class="table-tr" v-for="(item ,i) in jobList" :key="i" @click="toggle(i,item,event)">
                        <div class="table-tr-tit" >
                            <div class="table-td">{{item.position}}</div>
                            <div class="table-td">{{item.num}}</div>
                            <div class="table-td">{{item.site}}</div>
                            <div class="table-td">{{item.release_time}}</div>
                        </div>
                        <div class="table-tr-content"  v-show="item.show">
                            <div class="table-content-item">
                                <div class="content-ul">{{item.duty}}</div>
                                <div class="content-li" v-for="(list,index) in item.duty_list" :key="index">
                                    {{list.list_li}}
                                </div>
                            </div>

                            <div class="table-content-item">
                                <div class="content-ul">{{item.request}}</div>
                                <div class="content-li" v-for="(list,index) in item.request_list" :key="index">
                                    {{list.list_li}}
                                </div>

                            </div>
                            <div class="table-content-item-email">{{item.intention}}</div>
                        </div>
                    </div>

                </div>
#js代码

  toggle: function (index,item,event) {
      if (item.show){
        item.show = false;
      }else{
        item.show = true;
        this.jobList.forEach((list, i) => list.show = i == index)
    }
    }