.overlay
со своим opacity виноват. В примере, на который вы дали ссылку, вместо opacity используется background-color c прозрачностью - исправил свой пример соответствующим образом. насчёт множества попапов, подскажите как лучше реализовать данный функционал
v-if="selectedBlock"
; при клике на блок устанавливаете значение: @click="selectedBlock = news"
; закрытие обрабатываете так: @close="selectedBlock = null"
; в слот передаёте {{ selectedBlock.title }}
.В vue tools есть же вкладка events, вот там ничего не происходит при клике
-=
означает вычесть и присвоить результат. Почему вычитаем -2, а не прибавляем 2? Потому что innerHTML - это строка, а сложение строк и чисел в javascript'е имеет результатом строку, т.е. вместо 3 было бы 12, вместо 4 было бы 22, вместо 5 было бы 32. А вот вычитание из строки преобразует строку в число, так что получаем нужный результат.Как умножить? Да так же:
this.innerHTML *= 2
.