Navigation

    Quasar Framework

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. Help
    Log in to post

    Help

    • A

      How to wait for q-input change event execution
      • apptaro  

      4
      0
      Votes
      4
      Posts
      316
      Views

      A

      Actually, I found that I have to wait 200ms: https://github.com/quasarframework/quasar/blob/v0.17/src/mixins/input.js#L41 https://jsfiddle.net/apptaro/fv269qn0/36/ So, here’s the note: @change and @blur of q-input in quasar 0.17 are delayed 200ms!
    • V

      Single Selection on datatable activating all checkboxes
      • vrn.dev  

      4
      0
      Votes
      4
      Posts
      368
      Views

      metalsadman

      @vrn-dev it refers to a prop of the object array you passed to data prop, usually i set it as the __index since quasar sets it uniquely for each row than a name which has tendencies to be duplicated.
    • T

      QTree Icon v1 an icon for node open state
      • turigeza  

      1
      0
      Votes
      1
      Posts
      35
      Views

      No one has replied

    • F

      q-uploader issue
      • Fernando2684  

      10
      0
      Votes
      10
      Posts
      1705
      Views

      rstoenescu

      @miguel-teixeira In quasar beta.19 (to be released today) there’s the hide-upload-btn Boolean prop so you don’t need any CSS for it.
    • OnlyReFLeX

      bug phone mask
      • OnlyReFLeX  

      2
      0
      Votes
      2
      Posts
      39
      Views

      OnlyReFLeX

      SOLVED i set prefix “+7” and mask (###) ###-##-##
    • S

      Centering q-toolbar title / Using flex CSS on q-toolbar
      • sarndt  

      5
      0
      Votes
      5
      Posts
      1336
      Views

      D

      Here is my solution with “absolute-center”: <q-toolbar> <q-toolbar-title class=“absolute-center”>Your Toolbar Title</q-toolbar-title> </q-toolbar>
    • K

      [V1] Q-Chips with Q-Select interaction
      • kahximiro  

      1
      0
      Votes
      1
      Posts
      31
      Views

      No one has replied

    • N

      How to encode image to base64 in q-uploader?
      • nomad  

      3
      0
      Votes
      3
      Posts
      487
      Views

      N

      @metalsadman thank you))) it helped me
    • T

      Sticky Header in QTable with position:sticky;
      • turigeza  

      2
      0
      Votes
      2
      Posts
      164
      Views

      T

      Well just after I posted this question I figured how I can do this. One has to give a max-height to the .q-table__middle.scroll https://codepen.io/turigeza/pen/pBZWmd
    • I

      SPA-SSR Deployment with Apache
      spa ssr express apache • • Ivo  

      4
      0
      Votes
      4
      Posts
      454
      Views

      I

      An update: I noticed that the statics GET ignores the publicPath set on quasar.conf.js, so I tried: include in quasar.conf.js assetPublicPath: '/node/' -> nothing on src-ssr/index.js: 2.1.app.use('js', express.static(path.join(__dirname, 'www/js'))) -> nothing 2.2.app.use('*/js', express.static(path.join(__dirname, 'www/js'))) -> nothing template.html: if I include <base href="/node/"/> on the header (based on this stackoverflow answer), the images are loaded but not js, css… Probably this is simple and a newbie mistake, but thank you all for all the help you can give.
    • M

      This topic is deleted!
      • marcdakar  

      1
      0
      Votes
      1
      Posts
      3
      Views

      No one has replied

    • H

      Quasar Vue Cli 3 Icons not show in production
      • hazifahanail  

      1
      0
      Votes
      1
      Posts
      33
      Views

      No one has replied

    • A

      fixed tabs on top
      • AmonTamas  

      2
      0
      Votes
      2
      Posts
      72
      Views

      D

      Hi, You could throw them into a QLayout Header with the appropriate view (capital H). You could also take a look at adding the positioning classes that suit your needs (fixed, fixed-top, etc.) to the element(s).
    • CristalT

      Laravel Integration
      • CristalT  

      3
      0
      Votes
      3
      Posts
      449
      Views

      CristalT

      @metalsadman thanks a lot. It works ok!
    • S

      q-table not showing data
      • saha66  

      3
      0
      Votes
      3
      Posts
      148
      Views

      CristalT

      Could you please paste the entire component code including that between script tags?
    • P

      Text input in uploader custom files list template
      uploader • • Prof  

      1
      0
      Votes
      1
      Posts
      47
      Views

      No one has replied

    • R

      [Solved] [V1] $emit working in one case, not another
      • rconstantine  

      8
      0
      Votes
      8
      Posts
      555
      Views

      R

      @metalsadman, @nothingismagick I just had an “aha” moment. In my working case, the two files are siblings! They are both components in a parent file. In the non-working case, the $emit was in the child and the parent was supposed to receive it. Same with the test case I worked up that was otherwise identical to the working case. Adjusting the child-parent cases to use @metalsadman’s suggestion worked for both of them. The sibling case using $root still works. I’m going to see if I can come up with another sibling case and see if that will work too. If it does, it begs the question: what changed in V1 to disallow using $root.$emit in a child-parent case?
    • R

      [V1] How do we do a multipage CodePen?
      • rconstantine  

      3
      0
      Votes
      3
      Posts
      40
      Views

      R

      great. thanks.
    • E

      How to fix [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL> in q-dialog when scrolling mouse.
      • eemeemgame  

      1
      0
      Votes
      1
      Posts
      102
      Views

      No one has replied

    • G

      Using Loading plugin
      • gkentsidis  

      2
      0
      Votes
      2
      Posts
      142
      Views

      CristalT

      Do you have ajax requests in each page? Loading spinners are great as long as you have to wait for asynchronous data loads. So you can call this.$q.loading.show() before an async function, promise or callback and this.$q.loading.hide() after it resolves. For example in a promise: this.$q.loading.show() new Promise(resolve => { setTimeout(() => { resolve() }, 3000) }).then(() => { this.$q.loading.hide() }) If the asynchronous data is called entering at a page, you may call this.$q.loading.show() into created hook and hide it after initialization: export default { name: 'App', data () { return { data: [] } }, methods: { getContent () { return this.$axios.get('content').then(res => res.data) } }, created: async function () { this.$q.loading.show() this.content = await this.getContent() this.$q.loading.hide() } }