<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" > // уже поменял