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. theara
    T
    • Profile
    • Following 0
    • Followers 0
    • Topics 20
    • Posts 57
    • Best 4
    • Groups 0

    theara

    @theara

    4
    Reputation
    500
    Profile views
    57
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    theara Follow

    Best posts made by theara

    • RE: Quasar v0.17.19 & CLI v0.17.23 are out!

      Very Thanks,
      Can not wait, Quasar 1.0

      posted in Announcements
      T
      theara
    • RE: How to use error-labels of q-field?

      I use Vee Validate, it work fine

          <q-field
            :error="errors.has('name')"
            :error-label="errors.first('name')"
          >
            <q-input
              v-validate="rules.name"
              v-model="form.name"
              name="name"
              float-label="Name"
            />
          </q-field>
      --------
      // Data
            form: {
              name: '',
            },
            rules: {
              name: {
                required: true,
              },
      // Methods
          submitForm() {
            this.$validator.validate().then(result => {
              if (result) {
                // success        
              }else{
                // error
              }
      
      posted in Help
      T
      theara
    • RE: Quasar v1.0 beta1 in a few days

      @s-molinari 😂

      posted in Announcements
      T
      theara
    • Problem dynamic import component with `this.$q.dialog(...)`

      I base on Meteor + Quasar.
      I would like to use dynamic import comment on Dialog()

      methods: {
          showDialog() {
            let DialogForm = () => import('../components/DialogForm.vue')
      
            this.$q
              .dialog({
                component: DialogForm,
      ....
      }
      

      Get error

      [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'show' of undefined"
      
      posted in Help
      T
      theara

    Latest posts made by theara

    • How to show modal by vue router?

      I base on Meteor + Quasar.
      Could example, how to show modal by vue router?
      But I don’t want to use parent and child router.
      (Dynamic modal router, could use it any where)

      thanks for your sharing!

      posted in Help
      T
      theara
    • Problem with Meteor JS
      • It work fine on "quasar": "^1.1.0" (But don’t with "quasar": "^1.9.2")
        (Import by demand)
      // main.js
      import Vue from 'vue'
      import {  Quasar, ..... } from 'quasar'
      
      Vue.use(Quasar, {
        components: {},
        plugins: {
        },
        directives: {
        },
      })
      
      • But work with this import "quasar": "^1.9.2" (import all on startup file)
      import Quasar { .... , ..... } from 'quasar'
      
      posted in Help
      T
      theara
    • RE: Problem dynamic import component with `this.$q.dialog(...)`

      Have anyone help me?

      posted in Help
      T
      theara
    • RE: Problem dynamic import component with `this.$q.dialog(...)`

      @metalsadman thanks for your reply.
      I tried this, but still get this error.

      posted in Help
      T
      theara
    • Problem dynamic import component with `this.$q.dialog(...)`

      I base on Meteor + Quasar.
      I would like to use dynamic import comment on Dialog()

      methods: {
          showDialog() {
            let DialogForm = () => import('../components/DialogForm.vue')
      
            this.$q
              .dialog({
                component: DialogForm,
      ....
      }
      

      Get error

      [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'show' of undefined"
      
      posted in Help
      T
      theara
    • Could you share `How to open Modal with Router`?

      Hi all, I base on Meteor + Vue Quasar.
      I would like to open Modal with Vue Router.
      Could you share me?

      posted in Help
      T
      theara
    • Excuse me, Could I config printer setting in js?

      Hi all, I base on Meteor + Quasar.
      I tried to create Restaurant System.
      Now I would like to Config Printer Setting on JS.
      How to do?

      My problem is:

      • I have 2 printer connect My PC: One on reception and one in the cook
      • I create 2 button Print to Reception, Print to Cook
      • I would like to silence mode printing with specific printer name

      Thanks for your helping

      posted in Help
      T
      theara
    • RE: [v1] problem with `prepend/append` icon on input field

      This is my main.js in Meteor JS

      import { Meteor } from 'meteor/meteor'
      import Vue from 'vue'
      import VueRouter from 'vue-router'
      Vue.use(VueRouter)
      import Vuex from 'vuex'
      Vue.use(Vuex)
      
      // App layout
      import AppLayout from '/src/layouts/App.vue'
      
      // Quasar globally
      import '@quasar/extras/material-icons/material-icons.css'
      import 'quasar/dist/quasar.min.css'
      import Quasar from 'quasar/dist/quasar.esm.js'
      // import Quasar from 'quasar/dist/quasar.umd.min.js'
      import langEn from 'quasar/lang/en-us'
      
      Vue.use(Quasar, {
        lang: langEn,
      })
      
      // Router
      import routes from '/src/routes'
      const router = new VueRouter({
        mode: 'history',
        routes,
      })
      
      // Store
      import createStore from '/src/store'
      const store = new Vuex.Store(createStore)
      
      //App start
      Meteor.startup(() => {
        new Vue({
          router,
          store,
          render: h => h(AppLayout),
        }).$mount('app')
      })
      
      posted in Help
      T
      theara
    • RE: [v1] problem with `prepend/append` icon on input field

      Now I tried install npm install vue-template-compiler --save.
      It work fine (I don’t understand???)

      0_1550583904768_e93a231b-5996-4ae5-9225-d81245610447-image.png

      posted in Help
      T
      theara
    • RE: [v1] problem with `prepend/append` icon on input field

      Still don’t work (Copy your code)

             <div class="q-pa-md" style="max-width: 300px">
                <q-input
                  bottom-slots
                  v-model="text"
                  label="Label"
                >
                  <template v-slot:prepend>
                    <q-icon name="place"></q-icon>
                  </template>
                  <template v-slot:append>
                    <q-icon
                      name="close"
                      @click="text = ''"
                      class="cursor-pointer"
                    ></q-icon>
                  </template>
                  <template v-slot:hint>Field hint</template>
                </q-input>
              </div>
      

      0_1550449244165_480163e0-58a5-462a-b850-962e28a918c7-image.png

      posted in Help
      T
      theara