<li v-for="(list,index) in getTableData(currentPage)" :key="index">
<div class="popup-msg-div">
<div class="msg-div-add">{{list.detail_address}}</div>
<div>{{list.serial_number}}</div>
<div>{{list.createtime}}</div>
<div class="msg-div-add">{{list.warn_desc}}</div>
<div class="popup-msg-more" @click="msgShow(index)"></div>
</div>
<div class="msg-box" v-show="activeIndex===index">
<div class="msg-box-tit popup-msg-tit ">
<div class="popup-box-close" @click="msgClose(index)"><b></b></div>
</div>
<div class="msg-div">
<div></div>
<div></div>
<div></div>
</div>
<div class="msg-div" v-for="item in list.detailList">
<div>{{item.warn_desc}}</div>
<div>{{item.createtime}}</div>
<div>{{item.ctrl_name}}:{{item.ctrl_phone}}</div>
</div>
</div>
</li> data() {
return {
activeIndex: -1
};
},//
msgShow (index) {
this.activeIndex = index;
},
//
msgClose(index) {
this.activeIndex = !index;
},I now have two click event controls. I want to use msgShow as an event control.