Добрый день. Начинаю знакомиться с vue.js и не пойму как правильно описать метод для кнопки закрытия элемента.
Т.е сделать одну общую кнопку close для двух разных окон с абсолютным позиционированием, т.к окна при открытии перекрывают область видимости кнопок open
HTML:
<div id="app">
<div class="app">
<div class="buttons-open">
<!-- Кнопки которые открывают блоки -->
<a @click='open1 = !open1'>открыть первый блок</a>
<a @click='open2 = !open2'>открыть второй блок</a>
</div>
<div class="block-1" v-if='open1'>
<a @click="close">Скрыть блок</a>
<div class="content">Первый блок</div>
</div>
<div class="block-2" v-if='open2'>
<a @click="close">Скрыть блок</a>
<div class="content">Второй блок</div>
</div>
</div>
</div>
VUE.JS:
new Vue({
el: '#app',
data: {
open1: false,
open2: false
}
})
