Best posts made by diadal
-
Property '$q' does not exist on type
how to access this.$q under
setup()
<script lang="ts"> // import { LoadingBar } from 'quasar' import { defineComponent, onMounted } from '@vue/composition-api' export default defineComponent({ name: 'AuthLayout', setup () { onMounted(() => { this.$q.loadingBar.stop() console.log('mounted!') }) return { } } }) </script>
Latest posts made by diadal
-
RE: Google Places Autocomplete using Q-Input not working but works with Input
incase you looking for v2 with vue3
const pickup = ref<QInput | null>(null);
<q-input class="full-width" required ref="pickup" type="text" dense label="Enter Pickup Location" v-model="form.pickup" />
let input = pickup.value.getNativeElement() as unknown as HTMLInputElement; return { pickup, .... }
-
RE: integrate firebase cloud messaging in quasarv1.9 !
this may be late just incase use this https://github.com/diadal/firebase
-
RE: CAPBridgeViewController.swift not found or content is unrecognized - Please disable HTTPS from quasar.conf.js > devServer > https
where you able to fix this am fixing same issue
-
QUploader not working on capacitor android app
QUploader not working on capacitor android app any help how to fix this below issue
E/AndroidRuntime: FATAL EXCEPTION: main Process: app.myapp, PID: 10587 java.lang.RuntimeException: Failure delivering result ResultInfo{who=null, request=2099529143, result=0, data=null} to activity {app.myapp/app.myapp.MainActivity}: java.lang.IllegalStateException: showFileChooser result was already called at android.app.ActivityThread.deliverResults(ActivityThread.java:4360) at android.app.ActivityThread.handleSendResult(ActivityThread.java:4402) at android.app.servertransaction.ActivityResultItem.execute(ActivityResultItem.java:49) at android.app.servertransaction.TransactionExecutor.executeCallbacks(TransactionExecutor.java:108) at android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:68) at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1808) at android.os.Handler.dispatchMessage(Handler.java:106) at android.os.Looper.loop(Looper.java:193) at android.app.ActivityThread.main(ActivityThread.java:6669) at java.lang.reflect.Method.invoke(Native Method) at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:858) Caused by: java.lang.IllegalStateException: showFileChooser result was already called at xs.onReceiveValue(PG:4) at com.getcapacitor.BridgeWebChromeClient.lambda$showFilePicker$15(BridgeWebChromeClient.java:434) at com.getcapacitor.-$$Lambda$BridgeWebChromeClient$K2q_hX7VVU3kdrpTHIyaUpWfpEc.onActivityResult(Unknown Source:2) at com.getcapacitor.BridgeWebChromeClient.lambda$new$1$BridgeWebChromeClient(BridgeWebChromeClient.java:77) at com.getcapacitor.-$$Lambda$BridgeWebChromeClient$nK4HrLIPc8JbAwJyF2CGTpDio8A.onActivityResult(Unknown Source:4) at androidx.activity.result.ActivityResultRegistry.doDispatch(ActivityResultRegistry.java:362) at androidx.activity.result.ActivityResultRegistry.dispatchResult(ActivityResultRegistry.java:322) at androidx.activity.ComponentActivity.onActivityResult(ComponentActivity.java:634) at androidx.fragment.app.FragmentActivity.onActivityResult(FragmentActivity.java:164) at com.getcapacitor.BridgeActivity.onActivityResult(BridgeActivity.java:217) at android.app.Activity.dispatchActivityResult(Activity.java:7454) at android.app.ActivityThread.deliverResults(ActivityThread.java:4353) at android.app.ActivityThread.handleSendResult(ActivityThread.java:4402) at android.app.servertransaction.ActivityResultItem.execute(ActivityResultItem.java:49) at android.app.servertransaction.TransactionExecutor.executeCallbacks(TransactionExecutor.java:108) at android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:68) at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1808) at android.os.Handler.dispatchMessage(Handler.java:106) at android.os.Looper.loop(Looper.java:193) at android.app.ActivityThread.main(ActivityThread.java:6669) at java.lang.reflect.Method.invoke(Native Method) at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:858)
-
RE: Capacitor Router HistoryMode
I make a change in the index.js @ router folder to use only history
-
RE: Capacitor Router HistoryMode
@g_hult where you able to fix this am facing this issue too
-
RE: QPopupEdit not emitting @save when the QInput is cleared.
if faced the same issue about was able to fix this you can check in my comment https://forum.quasar-framework.org/topic/7798/how-to-use-save-event-in-q-popup-edit/4
-
RE: How to use @save event in q-popup-edit
this works for me
@update:modelValue="e.accLabel = scope.value"
@keyup.enter="scope.set"
<q-popup-edit v-model="e.accLabel" buttons :validate="(val) => val.length > 0" @save="useEditLabel(e)" > <template v-slot="scope"> <q-input v-model="scope.value" dense autofocus counter :rules="[ (val) => scope.validate(scope.value) || 'More than 5 chars required', ]" @update:modelValue="e.accLabel = scope.value" @keyup.enter="scope.set" > <template v-slot:append> <q-icon name="mdi-lead-pencil" color="primary" /> </template> </q-input> </template> </q-popup-edit>
-
How to use @save event in q-popup-edit
have tried
@save ="useEditLabel"
@save ="useEditLabel()"
@save="useEditLabel(null, null)"
none of this work but other events were working like@show="useEditLabel()"
@before-hide="useEditLabel()"
working but@save
and@cancel
were not<div class="q-pa-md"> <div class="cursor-pointer"> {{ accLabel }} {{test}} <q-popup-edit v-model="label" buttons @save ="useEditLabel"> <q-input v-model="accLabel" dense autofocus counter /> <template v-slot:append> <q-icon name="mode_edit" color="primary" /> </template> </q-popup-edit> </div> </div> </div>
const { ref } = Vue; const QPopupEdit = Quasar.QPopupEdit; const app = Vue.createApp({ components: { QPopupEdit }, setup() { const test = ref("to change this"); const accLabel = ref("Click Here"); function useEditLabel(e='test1',x='test2') { console.log(e); test.value = e; } return { useEditLabel, test, accLabel }; } }); app.use(Quasar, { components: { QPopupEdit } }); app.mount("#q-app");