<div id="app">
<div class="content flex-h" v-for="(index,item) in listData" @click="xq(item)">
<!--左侧头像-->
<div class="flex-v user flex-1">
<div class="use_tx"><img :src="item.pic" />
</div>
<div class="sos"><img src="../../image/sos.png" />
</div>
</div>
<!--右侧内容-->
<div class="flex-v flex-3">
<div class="title">
<div v-if="item.type_post == 1">
一键求助
</div>
<div v-else>
手表求助
</div>
</div>
<div class="time">
{{item.time_begin}}
</div>
<div class="distance">
{{item.distance}}
</div>
<!--<div class="btn_qz" v-if="item.order_type == 0" @click="mapFn(item)">
紧急求助
</div>-->
<!--按钮-->
<div class="btn_qx" v-if="item.order_type == 1" style="z-index:999999999" @click="qxOrder(item,$event)">
取消订单
</div>
<!--按钮-->
<!--<div class="btn_qx" v-if="item.order_type == 2" @click="pjOrder(item)">
评价
</div>-->
<!--按钮-->
</div>
</div>
</div>
vm = new Vue({
el : '#app',
data : {
listData : []
},
methods : {
// 取消订单
qxOrder:function(item,event){
if(event) { //vue 组织冒泡事件 event ->$event
event.stopPropagation ? event.stopPropagation(): event.cancelBubble = true;
}
console.log(JSON.stringify(item));
},
}
});