No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. diadal
    D
    • Profile
    • Following 0
    • Followers 0
    • Topics 4
    • Posts 20
    • Best 2
    • Groups 0

    diadal

    @diadal

    2
    Reputation
    1
    Profile views
    20
    Posts
    0
    Followers
    0
    Following
    Joined Last Online
    Website diadal.com.ng/ Location Nigeria

    diadal Follow

    Best posts made by diadal

    • RE: Property '$q' does not exist on type

      @metalsadman said in Property '$q' does not exist on type:

      context.root.$q

      yah it works

      posted in Framework
      D
      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>
      
      posted in Framework
      D
      diadal

    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,
      ....
      }
      
      posted in Framework
      D
      diadal
    • RE: integrate firebase cloud messaging in quasarv1.9 !

      this may be late just incase use this https://github.com/diadal/firebase

      posted in Framework
      D
      diadal
    • 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

      posted in CLI
      D
      diadal
    • 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) 
      
      posted in Framework
      D
      diadal
    • RE: Capacitor Router HistoryMode

      I make a change in the index.js @ router folder to use only history

      posted in Help
      D
      diadal
    • RE: Capacitor Router HistoryMode

      @g_hult where you able to fix this am facing this issue too

      posted in Help
      D
      diadal
    • 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

      posted in Help
      D
      diadal
    • 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>
      
      posted in Framework
      D
      diadal
    • RE: How to use @save event in q-popup-edit

      have fixed this thanks

      posted in Framework
      D
      diadal
    • 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");
      
      
      posted in Framework
      D
      diadal