Help

• J

  [Solved] Q-toolbar dropdown menu possible ?
  • jctrebalag  

  7
  2
  Votes
  7
  Posts
  3089
  Views

  

  I ended up modifying my approach again slightly to incorporate the ability to include an avatar into the “button”. Specific details are available here: https://forum.quasar-framework.org/topic/2602/image-in-top-dropdown-menu/2 The short of it was to use a q-chip with avatar set to the image and no content – then use the clever popover approach above.
• 

  How can I access vue instance?
  • danielsalles  

  9
  1
  Votes
  9
  Posts
  5448
  Views

  

  @rstoenescu Oh, my bad. I had added in components. Now I’ve got it, and it’s working. Many thanks for the support offered
• 

  Using firebase as plugin in Quasar 0.15
  • CristalT  

  8
  0
  Votes
  8
  Posts
  4899
  Views

  

  The error is not related with repo. Quasar CLI uses yarn to create the project. The node version you have is incompatible with the installed yarn version. As log says, the node version must be “>=4 <=9” I’ve experimented the same error on my local since ago. I recomend you change the node version. If you have nvm, it could be very easy. Then reinstall Yarn and Quasar CLI under new node version selected; 8.9.0 will work. Hope it helps you.
• J

  Using global lodash with quasar v15 (Solved)
  • jeimz173  

  7
  0
  Votes
  7
  Posts
  3868
  Views

  T

  I ended up doing this in my plugin file. This makes it globally available. // import something here import _ from 'lodash'; // leave the export, even if you don't use it export default ({ app, router, Vue }) => { window._ = _; }; And then add globals: { 'ga': true, // Google Analytics 'cordova': true, '$axios': true, '_': true, '__statics': true }, into .eslintrc.js. So the linter doesn’t complain. One has to restart quasar dev to reload the .eslintrc.js file. After that one can use lodash as usual just by typing _.
• N

  Redirect to external link in browser
  • nomad  

  1
  0
  Votes
  1
  Posts
  4
  Views

  No one has replied

• S

  Changing Indeterminate Firing Order on a checkbox or toggle
  • softwaredev  

  1
  0
  Votes
  1
  Posts
  3
  Views

  No one has replied

• 

  Cancel QSelect Selection?
  • haigha-earwicket  

  4
  0
  Votes
  4
  Posts
  10
  Views

  

  @haigha-earwicket https://vuejs.org/v2/guide/components.html#Using-v-model-on-Components. v-model is equivalent (usually called a syntactic sugar) for/to :value="model" @input="model = $event".
• D

  Axios interceptor and router push not working
  • darkshifty  

  3
  0
  Votes
  3
  Posts
  33
  Views

  C

  Does it work? What @jraez said should help. If you really want to use the router, you can do that, too. The code you showed is in a boot file, right? So I think your this.$router.push('/login') call doesn’t work because this.$router is not defined. Normally, you write that in a Vue component, where this refers to the component - but you are in a boot file. This is how you can do it: import axios from "axios" export default ({ Vue, router }) => { // <-------- This is where the `router` comes from Vue.prototype.$axios = axios; // ... (your request interceptor here) axios.interceptors.response.use(response => { return response; }, error => { if (error.response.status === 401) { // ... router.push("/login"); // <---- note there is no `this` } // ... }); }
• N

  Is there a dark mode version for $primary, $secondary, $accent in SCSS?
  • neilhoff  

  2
  0
  Votes
  2
  Posts
  23
  Views

  C

  I’m facing the same problem. Company color is a dark brown… :| My solution is: When I toggle darkmode on/off, I overwrite the colors using setBrand("primary", colorBasedOnDarkmodeSetting) and so on The function is described here: https://quasar.dev/quasar-utils/color-utils
• A

  Need css prefix
  • aru  

  2
  0
  Votes
  2
  Posts
  15
  Views

  

  @aru If it happens, it’d have to be in v2 to avoid breaking changes.
• K

  Space about v-bind q-select's label
  • kuma46  

  3
  0
  Votes
  3
  Posts
  14
  Views

  K

  @metalsadman thanks, that solved my issue.
• D

  Best practice setting up q-scroll-area
  • dsl101  

  4
  1
  Votes
  4
  Posts
  490
  Views

  D

  @dsl101 Thanks for this. It was useful. I still had issues with the scroll area in a page. I found that I needed to have a absolute height specified in a parent element. Details here: https://forum.quasar-framework.org/topic/5315/q-scroll-area-height
• D

  Q-Scroll-Area Height
  • dylanreeve  

  1
  0
  Votes
  1
  Posts
  17
  Views

  No one has replied

• H

  querybuilder plugin for VueJs Quasar
  • hpawar  

  1
  0
  Votes
  1
  Posts
  17
  Views

  No one has replied

• J

  Vuelidate validation minLength or maxLength not working
  • jammy-git  

  4
  0
  Votes
  4
  Posts
  10
  Views

  

  @jammy-git this example in the docs can be used similarly with vuelidate https://quasar.dev/vue-components/input#External-validation.
• 

  q-table footer pagination
  • erfanSW  

  1
  0
  Votes
  1
  Posts
  16
  Views

  No one has replied

• 

  Add System Information Library for Node.JS to Quasar project
  • adurandt  

  2
  0
  Votes
  2
  Posts
  27
  Views

  

  That’s quite a specific use case and not totally about Quasar, which means you more than likely won’t get any decent reply. Your going to have to dig in and start learning yourself about how to get going with your challenge. When you run into a particular hurdle with Quasar, you can ask about how to get over it here. Scott
• J

  does workbox causing double bandwidth uses ?
  • jitendra16  

  1
  0
  Votes
  1
  Posts
  7
  Views

  No one has replied

• T

  Set hostname in production builds with capacitor
  • thibautguedou3  

  1
  0
  Votes
  1
  Posts
  6
  Views

  No one has replied

• L

  Generated borders appear after long-pressing q-tabs
  • litcc  

  1
  0
  Votes
  1
  Posts
  9
  Views

  No one has replied