<button class="portfolio__dropdown-btn learn-more" @click="toggle = !toggle" >@click="toggle"?
v-if="toggle" вот так по сути сюда вставляется переменная toggle НО есть же ещё и метод toggle, который может вернуть true или false. Как обработчик поймет то? что ему вставить? переменную или значение, которое вернула функция.
data() {
return {
portfolio: [
{
image: 'med-clinic.jpg',
id: '1'
},
{
image: 'savanna.jpg',
id: '2'
},
{
image: 'bedroom-market.jpg',
id: '3'
},
{
image: 'fish-market.jpg',
id: '4'
},
{
image: 'music-arsenal.jpg',
id: '5'
},
{
image: 'build-home.jpg',
id: '6'
},
],
toggle: false // вместо toggle напиши toggle1, например
}
},<div class="portfolio__hidden" v-if="toggle1"> // уже поменял<button class="portfolio__dropdown-btn learn-more" @click="toggle1 = !toggle1" > // уже поменялif (now.getHours() !== 17
|| now.getMinutes() !== 39
|| now.getSeconds() !== 00
|| now.getMilliseconds() !== 000) {
} else {
document.querySelector("какая то кнопка").click();
}
если тебе нужен слайдер, то ты же не будешь писать его руками, ведь уйдет много времени и куда рациональнее использовать готовое решение.
тут тот же принцип