Navigation

    Quasar Framework

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. Recent
    Log in to post
    • All categories
    • Announcements
    • Framework
    • CLI
    • [v1] App Extensions
    • Starter Kits
    • Help
    • Show & Tell
    • Quasar Play App
    • Hangout
    • Useful Tips (NEW)
    • Jobs
    • All Topics
    • New Topics
    • Watched Topics
    • Unreplied Topics
    • D

      Quasar SEO tips
      Show & Tell • • danbars

      6
      6
      Votes
      6
      Posts
      291
      Views

      A

      heya fellas,

      i am making one website using QUASAR and currently doing SEO for the site,
      i am referring the following forum,

      https://forum.quasar-framework.org/topic/6265/quasar-seo-tips

      i have made meta.js file in utils and now i am getting the metadata in my page.

      but something is new in it, if anybody knows please inform me, and also tell me if it will affect my SEO or not ?

      following is something which i am getting, in my page source

      <meta name=“description” content=“description…” data-qmeta=“description”>
      <meta name=“keywords” content=“hello,hello,hello” data-qmeta=“keywords”>

      so what is that data-qmeta=“description” inside the meta tag.

      thanks for response.

    • F

      Getting the Number of Displayed QTable Rows
      Help • • fadhilradh

      3
      0
      Votes
      3
      Posts
      9
      Views

      F

      It worked! Thanks for the solution @metalsadman. Much appreciated!

    • Dennis van Beek

      Dynamic disabling of list items no longer function after upgrade to v2
      Framework • • Dennis van Beek

      2
      0
      Votes
      2
      Posts
      10
      Views

      metalsadman

      @dennis-van-beek disable.

    • H

      QTabs not properly working on mobile RTL mode
      Help • arrows qtabs rtl • • Hamza

      3
      0
      Votes
      3
      Posts
      9
      Views

      H

      @metalsadman I did, check the link if you care https://github.com/quasarframework/quasar/issues/8578… thanks anyway

    • E

      q-table highlight filtered value
      Help • filter highlight hits q-table • • erhard

      2
      0
      Votes
      2
      Posts
      9
      Views

      N

      If I understood you correctly you could just wrap it in span element by using replace and then use v-html to render html. Something like this:

      <q-td key="calories" :props="props" v-html="props.item.calories.replace(searchValue, `<span style='color:yellow'>${searchValue}</span>`" > </q-td>
    • N

      [Feature request] Is it possible to get to the middle of an infinite scroll
      Framework • • nokogiri

      1
      0
      Votes
      1
      Posts
      2
      Views

      No one has replied

    • s-light

      notify plugin with click action
      Help • • s-light

      2
      0
      Votes
      2
      Posts
      6
      Views

      Lurrik

      Hi @s-light,

      I made a remove item with the possibility to cancel before the remove ^^

      TEMPLATE

      <q-btn flat color="red" @click="removeAlerts" v-close-popup />

      SCRIPT

      methods: { removeAlerts() { this.$q.notify({ progress: true, message: "Item delete", color: "red", icon: "fa fa-trash", //with font awesome actions: [ { label: "Cancel", color: "white", handler: () => { this.cancelRemove = false; } } ] }); setTimeout(() => { if (this.cancelRemove) { delete this.data[this.data.id]; } }, 6000); this.cancelRemove = true; } },
    • B

      Testing/Mocking Quasar File Uploader in Jest
      Help • • beatscribe

      1
      0
      Votes
      1
      Posts
      6
      Views

      No one has replied

    • T

      how to filter cities based on the state selcted
      Help • • thri60

      2
      0
      Votes
      2
      Posts
      9
      Views

      Lurrik

      Hi @thri60,

      Try this (sorry I don’t use a Json file but what I did is the same, that can be usefull for others who don’t use Json file) :

      TEMPLATE

      <template> <q-page class="flex flex-center"> <div class="q-gutter-md" style="width:250px"> <div> <q-select behavior="menu" rounded outlined v-model="ModelState" :options="states" label="Located in what State" @input="pushCity" style="" /> </div> <div> <q-select behavior="menu" rounded outlined v-model="Modelcity" :options="city" label="City" /> </div> </div> </q-page> </template>

      SCRIPT

      <script> export default { data() { return { ModelState: null, states: [], Modelcity: null, city: [], location :[ { state: { name: "Abia State", id: 1, locals: [ { name: "Aba South", id: 1 }, { name: "Arochukwu", id: 2 }, { name: "Bende", id: 3 }, { name: "Ikwuano", id: 4 }, { name: "Isiala Ngwa North", id: 5 }, { name: "Isiala Ngwa South", id: 6 }, { name: "Isuikwuato", id: 7 }, { name: "Obi Ngwa", id: 8 }, { name: "Ohafia", id: 9 }, { name: "Osisioma", id: 10 }, { name: "Ugwunagbo", id: 11 }, { name: "Ukwa East", id: 12 }, { name: "Ukwa West", id: 13 }, { name: "Umuahia North", id: 14 }, { name: "Umuahia South", id: 15 }, { name: "Umu Nneochi", id: 16 } ] } }, { state: { name: "France", id: 2, locals: [ { name: "Paris", id: 1 }, ] } } ] } }, methods: { pushCity() { const isnameAdd = (element) => element.state.name == this.ModelState; const index = this.location.findIndex(isnameAdd); this.city = [] this.location[index].state.locals.forEach(element => { const name = element.name; this.city.push(name); }); } }, mounted() { this.location.forEach(element => { const name = element.state.name; this.states.push(name); }); } } </script>
    • J

      How to use CopyWebPackPlugin in Quasar
      Framework • • jmriyaz84

      16
      0
      Votes
      16
      Posts
      69
      Views

      J

      @suleiman_as , Do you have any fix on this font relative path issue , due to this issue I can proceed further .

    • Z

      input components with v-for
      Help • • zeppelinexpress

      7
      0
      Votes
      7
      Posts
      19
      Views

      Z

      I succeeded in an alternative way, but if you tell me what I forgot up there, thank you, for didactic purposes! 🙂

      the way I solved:

      <q-editor dense v-model="inputVal"...... props: { value: { type: String, required: true } }, computed: { inputVal: { get () { return this.value }, set (val) { this.$emit('input', val) } } }

      Thanks for all the help and care =**

    • T

      ACCESSIBILITY - Web Content Accessibility Guidelines (WCAG)
      Framework • • ted

      9
      0
      Votes
      9
      Posts
      90
      Views

      metalsadman

      @indranil that’s a comparison table for primevue to look good and some info there are not accurate, just saying.

    • P

      Problem with creating new project , dev not running
      Help • • pospi

      19
      0
      Votes
      19
      Posts
      88
      Views

      P

      PROBLEM SOLVED :
      watch out for the exclamation mark in the path where your quasar project running !!!
      My path was : C:\Users\Jan.Pospisil\source\repos!Tests\QuasarTestProjekt\testClient>quasar dev
      but , in quasar script was only : C:\Users\Jan.Pospisil\source\repos!Tests\QuasarTestProjekt\testClient>quasar dev
      so dependencies were not found.
      Thank all

    • M

      Any experience with vue-autonumeric and Quasar?
      Help • • Mickey58

      4
      0
      Votes
      4
      Posts
      28
      Views

      M

      I opened a PR with an example how to use vue-autonumeric with Quasar: https://github.com/quasarframework/quasar/pull/8568

    • S

      [capacitor/Android] How to close the window opened by window.open()
      Help • • Sfinx

      5
      0
      Votes
      5
      Posts
      99
      Views

      B

      @Sfinx could you please tell us how you managed to use the stock cordova iab in a capacitor context? I’ve tried using capacitor’s iab but it doesn’t have event listeners for when the window loads.

    • C

      node_modules path folder
      Help • • Cosby

      1
      0
      Votes
      1
      Posts
      7
      Views

      No one has replied

    • B

      Virtualization for QTree
      Framework • • baye

      2
      1
      Votes
      2
      Posts
      50
      Views

      S

      @baye hi, did u manage to find a solution to this.
      I have the same issue. Tried q-virtual-scroll with the tree but when used together it appears that the tree is defaulted to expanded all … it improves the load but not overall performance…

    • I

      Calling this.$emit twice from the same async function doesn't seem to work (Electron + Axios)
      Help • • izs

      3
      0
      Votes
      3
      Posts
      15
      Views

      I

      You are right, should have posted a jsfiddle sorry.
      However i fixed it.

      router-view had a v-if that i was using to alternate between itself and a loading component.
      Moving from v-if to v-show solved the problem.

    • A

      Q-input with comma as decimal separator
      Help • • Adagio

      8
      0
      Votes
      8
      Posts
      43
      Views

      M

      @adagio - I took exactly the same route as you, I converted all my code from VMoney to VueAutoNumeric today.

      The null handling of VMoney makes it unusable… My backend, like most apps, needs to distinguish null values from 0 numbers, while VMoney converts all null values to either 0 numbers or “0.0” decimal strings without explanation why and when. Very strange. I realized that VMoney issue too late and wasted 2 days struggling with it. I also realized VMoney is no longer maintained.

      VueAutoumeric is so much better. The Quasar docs about third party mask processors which point to VMoney need an update to point to VueAutoNumeric instead.

    • H

      Qtree search filter very slow when number of nodes is 1000s. How to optimize it?
      Help • • hpawar

      12
      0
      Votes
      12
      Posts
      100
      Views

      S

      @studio511 @dobbel said in Qtree search filter very slow when number of nodes is 1000s. How to optimize it?:

      something like a virtual scroller

      that’s the key