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. leon
    L
    • Profile
    • Following 0
    • Followers 0
    • Topics 18
    • Posts 103
    • Best 15
    • Groups 0

    leon

    @leon

    29
    Reputation
    858
    Profile views
    103
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    leon Follow

    Best posts made by leon

    • Quasar admin examples

      I’m trying to show some examples of quasar and vuejs.
      Also adding some libraries to enhance.

      I hope it help someone and make Quasar bigger.

      https://github.com/odranoelBR/vue-quasar-admin-example
      Tks

      posted in Show & Tell
      L
      leon
    • RE: Webpack alias in quasar.conf.js .15+

      WORKING ALIAS

      let path = require('path')
      
        build: {
            scopeHoisting: true,
            vueRouterMode: 'history',
            // gzip: true,
            // analyze: true,
            // extractCSS: false,
            // useNotifier: false,
            extendWebpack (cfg) {
              cfg.module.rules.push({
                enforce: 'pre',
                test: /\.(js|vue)$/,
                loader: 'eslint-loader',
                exclude: /(node_modules|quasar)/
              })
              cfg.resolve.alias = {
                ...cfg.resolve.alias,
                '@components': path.resolve(__dirname, './src/components'),
                '@helpers': path.resolve(__dirname, './src/helpers'),
                '@module1': path.resolve(__dirname, './src/domains/module1),
                ....
              }
            }
          },
      posted in Help
      L
      leon
    • RE: Route Animations

      @Zyme
      Try

        <q-transition appear enter="fadeInLeft" leave="fadeOutRight" mode="out-in">
             <router-view  :key="$route.name" />
        </q-transition>
      

      Remember to read http://quasar-framework.org/components/transition.html for imports

      posted in Help
      L
      leon
    • RE: Quasar admin examples

      Tks all. I will update to 0.14 after the release and finish the project tasks.
      Lets keep helping quasar community grows!

      posted in Show & Tell
      L
      leon
    • RE: Anyone built expandable rows in data table?

      Hi, im using collapsible inside <template>.
      I will upload a video working when get back in company.
      With litle css and no-margin / no-padding etc , works very good.

      posted in Help
      L
      leon
    • RE: Webpack alias in quasar.conf.js .15+

      Additional to this, if you use VS Code and want CTRL + click - open the import file using alias.

      Create a jsconfig.json in root folder of project and :

      {
          "compilerOptions": {
              "baseUrl": "./",
              "paths": {
                  "~/*": ["./src/*"],
                  "@components/*": ["./src/components/"],
                  "@helpers/*": ["./src/helpers/*"],
                  "@module1/*": ["./src/domains/module1/*"],
              }
          }
      }
      

      Reboot VSCode

      posted in Help
      L
      leon
    • RE: first Official Vue.js Conference

      @rstoenescu Focus on going man. Quasar needs to be know.
      The community can wait a little bit for you to prepare.

      Quasar rocks!

      posted in Hangout
      L
      leon
    • RE: Quasar Calendar components

      VEEEERy Nice. Gtz @sirbeagle

      posted in Show & Tell
      L
      leon
    • RE: Editable cell Data Table examples?

      Hi!
      Can use a direct v-model too.

      <template slot="col-message" slot-scope="cell">
          <q-input :v-model="table[cell.row.__index].message" ></q-input>
      </template>
      posted in Help
      L
      leon
    • RE: How to integrate Quasar framework into my vue 2 project

      Hi @Mayank , hope i can help you

      • Install quasar-framework ----> npm i --save quasar-framework
      • Install quasar-extras ----> npm i --save quasar-extras

      Where you start your vue ( main.js normaly) add :

      • import Quasar from ‘quasar-framework’
      • import ‘quasar-extras/roboto-font’
      • require(quasar/dist/quasar.mat.css) or require(quasar/dist/quasar.ios.css)

      Now start you Vue whit :

      Quasar.start(() => {
      /* eslint-disable no-new */
        new Vue({
          el: '#q-app', // this ID must exist in your index.html
          router,
          render: h => h(App),
        })
      })
      posted in Framework
      L
      leon

    Latest posts made by leon

    • RE: Help on QTable rowNumber refresh

      yay, thanks @dobbel
      started there!

      posted in Help
      L
      leon
    • RE: Problem using o-input with type = date

      Hi @alessandropcs , not happening here, neither chrome or firefox

      06173559-0e81-4ad1-ad24-ba492e0af683-image.png

      posted in Help
      L
      leon
    • Help on QTable rowNumber refresh

      Hi community!

      I’m creating a Crud component based on QTable and sometimes can be Server side requests, and sometimes simple pagination.

      When i do

      delete this.pagination.rowsNumber;
      

      even with

      :pagination.sync="pagination"
      

      Qtable dont switch back to simple pagination
      I tried

      $refs.table.setPagination(this.pagination)
      

      but without luck, any suggestions ?

      posted in Help
      L
      leon
    • RE: How do I test with app extension components?

      Hi @arlecchino
      If you are using @quasar test, you probaly have an index.js with

      import QMediaPlayer from 'QMediaPlayer'
      
      localVue.component(QMediaPlayer, { QMediaPlayer})
      

      You can globally import QMediaPlayer there.
      For performance things, its better import locally on every test, but globally shold work too.

      posted in Help
      L
      leon
    • RE: App Extension Development error

      Only happening in windows, linux work perfect!

      posted in Help
      L
      leon
    • RE: App Extension Development error

      Yes i changed versions 10 11 12 , and error still persist…

      posted in Help
      L
      leon
    • RE: App Extension Development error

      Hi @dobbel
      1 - https://quasar.dev/app-extensions/development-guide/introduction ( i want develop a quasar component )
      2-
      af950744-68b4-4026-b291-e50057cc3d28-image.png

      posted in Help
      L
      leon
    • RE: App Extension Development error

      Changed node version to 14 12 10, and nothing changes.

      posted in Help
      L
      leon
    • App Extension Development error

      This error on fresh install of App Extension, no clue…

      ae7bd4dc-8d3a-4287-97d8-efa34a38e304-image.png

      posted in Help
      L
      leon
    • Fresh install on app extension kit error

      Got this error running yarn dev on fresh app extensions kit ui

      Uncaught TypeError: Cannot read property 'util' of undefined
      

      Someone got it ? can help ?

      posted in Help
      L
      leon