Я использую Ionic V8 с Vue 3 и имею компонент, который окутает внутреннюю часть. Модал запускается кнопкой в родительском компоненте с использованием уникального идентификатора, проходящего через реквизит. Предполагается, что это будет излучать событие Ionchange, когда пользователь выбирает другую дату и нажимает кнопку подтверждения. Тем не менее, событие никогда не стреляет (Console.log ("здесь") внутри ручка никогда не регистрируется).
версии (для справки):
Ionic vue: 8.3.3
vue: 3.3.0 < /p>
code < /h1>
ребенок Компонент (DateTimeModal.vue)
Код: Выделить всё
import {IonDatetime, IonModal} from "@ionic/vue";
import {computed, ref} from "vue";
const props = defineProps([
'time',
'modalTrigger'
])
const emit = defineEmits([
'emitDateChange'
])
const dateTime = ref(props.time)
const dateTimeComputed = computed(() => {
return dateTime.value
})
function handleEmit(event) {
console.log("here")
dateTime.value = event.detail.value
console.log(dateTime.value)
emit('emitDateChange', dateTime.value)
}
< /code>
Я не вижу никаких ошибок в консоли, но обработчик событий просто не работает. Любые идеи о том, что может привести к тому, что Ionchange не стрелял, или как я могу надежно получить выбранную дату, как только пользователь изменит ее? Внезапно остановился без каких -либо изменений кода. < /p>
Любая помощь или предложения были бы очень оценены! < /p>
- Модал открывается правильно, когда Я нажимаю кнопку «Родитель», и появляется пользовательский интерфейс. Дата (и нажимая кнопку подтверждения) никогда не запускает событие Ionchange - Console.log («Здесь») внутренняя ручка никогда не называется. Пользователь выбирает дату и подтверждает ее.
Подробнее здесь: https://stackoverflow.com/questions/794 ... ent-vue-js
Мобильная версия