<button class="modal-heading__button modal-heading__button-login" v-if="view==='log'" @click="view='reg'">login</button>
<button class="modal-heading__button modal-heading__button-register" v-else-if="view==='reg'" @click="view='3rd'">register</button>
<button class="modal-heading__button modal-heading__button-thirdOption" v-else-if="view==='3rd'" @click="view='log'">the wae of the deval</button>
...
data(){
return {
view: 'log'
}
}
...
вот песочница, если чо.theDude{
--height: 100%;
}
.theDude:before{
height: var(--height);
}
let el = document.getElementsByClassName('theDude')[0]
el.style.setProperty('--height','200%')
let els = document.getElementsByClassName('element')
document.addEventListener("scroll",e=>{
for (let i = 0; i<els.length; i++) {
if ((els[i].getBoundingClientRect().top>390) & (els[i].getBoundingClientRect().top<460)) {
els[i].classList.add('bigusElementus')
} else els[i].classList.remove('bigusElementus')
}
})
document.getElementById('name_1').setAttribute('disabled', true)
document.getElementById('phone_1').setAttribute('disabled', true)
height = document.getElementsByTagName("input")[0].value
bar = document.getElementsByClassName("bar")[0]
bar.style.height = height + 'px';
.Content:nth-child(n+5){
display: none;
}