т.е. мы в любом случае получим только одну запись? )))
outside: function(){
this.active = false;
this.$emit('modal_close')
},
<div @click.self="outside">
...
</div>
<template>
<div @click.self="modalClose()">
<!-- MODAL -->
<transition name="modal">
<div class="modal fade show" tabindex="-1" role="dialog" v-show="active">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" @click="modalClose()">
<span aria-hidden="true">×</span>
</button>
</div>
</transition>
<transition name="fade">
<div v-show="active" class="modal-backdrop fade show"></div>
</transition>
<!-- End Modal -->
</div>
</template>
Хотя индексы это по-моему другое.