<div :class="{'post':true, 'post--img-hidden':imgHidden}">
<img class="post__image post__image-top>
<div class="post__title"></div>
<img class="post__image post__image-center>
<div class="post__description"></div>
<img class="post__image post__image-bottom>
</div>
и уже вот это надо сравнивать с первым. Тут дело вкуса.<my-post :data="..." class="post--img-hidden" />
props
остаётся неизменными..post--img-hidden {
.post__image {
display: none;
}
}
вы задаёте не где-то снаружи вручную по мере необходимости, а он идёт в комплекте с компонентом как один из стандартных классов-модификаторов и документирован в месте с описанием компонента. let self = this;
edit.addEventListener('keypress', function(event) {
if (event.key =='Enter') {
self.innerHTML = this.value;
}
});
заменить на edit.addEventListener('keypress', (event) => {
if (event.key =='Enter') {
this.innerHTML = edit.value;
}
});
Т.к. у стрелочной функции своего this не может быть, и всегда запоминается "внешний".
Возможно у офиса есть автоматическая функция, но того я не знаю.