I am currently working with a q-popup-proxy component in my project.
<q-btn label="Add Fault" class="addFaultButton" dense @click="openPopUp()">
<q-popup-proxy position="center" v-if="openFaults">
<FaultListPicker />
</q-popup-proxy>
</q-btn>
Here is the setup I have implemented:
let openFaults = computed(() => store.closeFaultPopup);
function openPopUp() {
store.closeFaultPopup = true;
console.log('st ', store.closeFaultPopup)
}
Additionally, I have included a cancel button function within the popup component:
function Cancel() {
console.log('cancel');
store.closeFaultPopup = false;
}
Although it is almost functioning as expected, there is an issue where I have to click the open button twice for the popup to appear. The console log indicates that the value is set to true after the first click. However, the cancel button behaves correctly. Any suggestions on how to resolve this issue would be greatly appreciated. Thank you.