#vue.js
Вопрос:
lt;div v-if="boughtTicket"gt; lt;ion-rowgt; lt;ion-col size="3"gt; lt;pgt;ZÓNYlt;/pgt; lt;pgt;2lt;/pgt; lt;/ion-colgt; lt;ion-col size="3"gt; lt;pgt;MINÚTlt;/pgt; lt;pgt;30lt;/pgt; lt;/ion-colgt; lt;ion-col size="6"gt; lt;div class="flex justify-content-between"gt; lt;div class="ml-3"gt; lt;pgt;ZĽAVNENÝlt;/pgt; lt;pgt;0,41€lt;/pgt; lt;/divgt; lt;ion-icon @click="BuyTicket" :icon="cartOutline"gt;lt;/ion-icongt; lt;/divgt; lt;/ion-colgt; lt;/ion-rowgt; lt;/divgt;
это в ионном коде, и я пытаюсь создать функцию, которая при нажатии на кнопку весь этот код будет изменен на другой вид
methods: { buyTicket() { if(this.buyTicket = ) } }
это мой метод. Как я могу закончить код, пожалуйста
Комментарии:
1. Непонятно, о чем вы спрашиваете. Вы пытаетесь сказать, что хотите
buyTicket()
, чтобы функция выполняла одно действие при первом нажатии, а затем меняла свое поведение в следующий раз?2. Привет, Даниэль, я не пытаюсь заставить функцию buyTicket изменить v-if на true, как только я нажму значок иона. Чем при изменении оператора на true, будет происходить другое видимое изменение элемента в приложении. Допустим, стиль изменится
3. Я не понимаю, что вы подразумеваете под «изменить v-если куплен билет на true». Если boughtTicket является переменной состояния компонента, и вы хотите, чтобы функция buyTicket() установила для нее значение true, вы можете просто установить
boughtTIcket=true
в функции-я не уверен, для чего вы пытаетесь использоватьv-if
?4. Да, это понятно, но я не знаю, что ввести в функцию, чтобы она знала, что она нажата
buyTicket() { if(this.buyTicket = ?) { boughtTicket = true } }
5. Тот факт, что вызывается функция, указывает на то, что она была нажата-пользователь, нажимающий кнопку, запускает функцию. Извините, я знаю, что мы неправильно общаемся здесь, пытаясь помочь, но я просто не уверен, какая часть не ясна…. надеешься, что это поможет?