Help

• 

  [Vue warn]: Do not use built-in or reserved HTML elements as component id: Dialog
  • ssuess  

  5
  1
  Votes
  5
  Posts
  3477
  Views

  

  OH…I was also exporting it along with all the other components, I didn’t realize I didn’t need to do that as I am doing with the others. Once I removed the export, the error goes away. Thanks!
• W

  Quasar on Laravel [Vue warn]: Unknown custom element: <q-layout>
  • willagner  

  5
  0
  Votes
  5
  Posts
  5863
  Views

  J

  Great! Only for reference, here is an updated tutorial from @april for Quasar 0.14 with Laravel: http://blog.aprilpnguyen.com/2017/08/how-to-set-up-quasar-v014-on-laravelvue.html
• D

  How to create links like the ones at quasar page
  • danielo515  

  7
  0
  Votes
  7
  Posts
  5389
  Views

  D

  As @a47ae said I was referring to the documentation page, sorry for being unclear. I took a look and I was surprised to see some ejs templates in there. Using the click event will break the semantics of the link element. I ended using an a tag with all the button classes except q-btn. I think that offering an element (or set of directives ) to style a link to look like a button is something reasonable, I saw it at several places
• A

  How to go to an external site when clicking on a drawer link item
  • april  

  11
  0
  Votes
  11
  Posts
  5258
  Views

  

  @danielo515 The docs structure changed, here is the new link: http://quasar-framework.org/components/other-utils.html#Open-External-URL
• J

  Unknown custom element: <q-input> - did you register the component correctly? For recursive
  • jeimz173  

  9
  0
  Votes
  9
  Posts
  5136
  Views

  

  @alexandre_c I am using it since beta and it works just fine, so definitely a problem in your setup
• C

  Best solution for Server Side Rendering in Quasar
  • chelsea39  

  10
  0
  Votes
  10
  Posts
  3205
  Views

  

  Next thing is i18n + DataTable rewrite and then SSR will be added.
• A

  Tag losing attributes in quasar framework + vue.js 2
  • anonimo  

  4
  0
  Votes
  4
  Posts
  1006
  Views

  

  Again, has nothing to do with Quasar. Try in Vue forums for this.
• P

  This topic is deleted!
  • pmooredesigner  

  1
  0
  Votes
  1
  Posts
  2
  Views

  No one has replied

• 

  device specific css?
  • ssuess  

  2
  0
  Votes
  2
  Posts
  415
  Views

  

  In trying to solve my cordova problem, I turned to the build files that the cordova wrapper uses to build the app, and discovered quite by accident that including <script type="text/javascript" charset="utf-8" src="cordova.js"></script> in the index.html file fixed my problems! It would seem that without this reference, some of my cordova specific plugins (notably cordova-plugin-statusbar) were being ignored! Hope this helps someone else.
• D

  Deploy and upgrade quasar app
  build deployment release • • damosse31  

  10
  0
  Votes
  10
  Posts
  4536
  Views

  D

  @mzamateo said in Deploy and upgrade quasar app: you can ask kindly to finish current work and then reload, with a popup or so… Exactly ! On my side, I put app version in localstorage (or cookie) and I check if the current version is different (ex: 9.0.10 -> 9.0.11) then I open dialog to inform the user that a new version is available since his last visit and if he want to see the changelog or not.
• T

  How to read SQLite for page use?
  • tunglinwu  

  2
  0
  Votes
  2
  Posts
  717
  Views

  

  You could try sql.js. But normally your front end should never directly access the database. Just think about the authorization, there is no way in JS to hide your DB password, so everyone will see it.
• 

  wkwebview with Cordova?
  • ssuess  

  2
  1
  Votes
  2
  Posts
  720
  Views

  

  Well, in case this helps anyone else. Use this one: cordova plugin add https://github.com/ionic-team/cordova-plugin-wkwebview-engine.git And then make sure to set the pref <preference name="ScrollEnabled" value="true" /> (without it, my pages would not scroll at all)
• E

  eslint error on import form quasar (import/no-extraneous-dependencies) with airbnb style
  • Elco  

  3
  0
  Votes
  3
  Posts
  1444
  Views

  E

  Found a fix In eslintrc.js: plugins: [ 'html', 'import', ], settings: { 'import/core-modules': [ 'quasar' ], }, install npm module eslint-plugin-import
• D

  Form Compenents not maintaining visible values when linked to an object without intialized keys
  • dgk  

  2
  0
  Votes
  2
  Posts
  782
  Views

  

  It seems like your problem comes from Vue.js reactivity model. Read about it in the Vue.js docs. If keys are added later or not initialized, Vue can not keep track of them.
• E

  No error throw on webpack build fail
  • Emptyless  

  3
  0
  Votes
  3
  Posts
  818
  Views

  E

  Thanks very much! That did the trick
• 

  Hello Quasar
  • kosirm  

  4
  0
  Votes
  4
  Posts
  1184
  Views

  

  @kosirm Glad that I could help you on this. I think the entry is a bit misleading because normally you don’t need static site builder for Vue.js, I guess that’s why there are none listed. But with Nuxt you have a node server which does as the name implies the server side rendering. It really is that simple, just try it for yourself, set up a new Quasar project, run the build command and throw that dist folder somewhere on a webserver and it should work right away.
• B

  swipe hold similar to left panel
  touch • • boriscy  

  5
  0
  Votes
  5
  Posts
  1322
  Views

  B

  Look at http://forum.quasar-framework.org/topic/758/v-touch-swipe-error I have added TouchHold directive, swipe only recognizes when a swipe was done but does not track the position in the example left panel changes the position when you hold the panel. <div v-touch-hold="method"></div> When I added this to my component I did not get any events when pressing and holding (mouse).
• V

  Scroll Area
  • volkansag  

  4
  0
  Votes
  4
  Posts
  888
  Views

  

  @volkansag And which part should be wrapped in a scroll area? The right side? Then just wrap your <router-view> with a <scroll-area>
• D

  Chips count
  • danielo515  

  5
  0
  Votes
  5
  Posts
  991
  Views

  D

  @rstoenescu if you mean the detail property that does not fit my needs. according the documentation it only can be an icon or a remote image
• B

  v-touch-swipe error
  swipe touch directive • • boriscy  

  4
  1
  Votes
  4
  Posts
  2306
  Views

  B

  Found the answer, I just have to: import { TouchSwipe } from 'quasar' ... directives: { TouchSwipe } ... and now I can use <div v-touch-swipe="method"></div>