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. kowy
    3. Posts
    K
    • Profile
    • Following 0
    • Followers 0
    • Topics 1
    • Posts 5
    • Best 0
    • Groups 0

    Posts made by kowy

    • RE: Dynamic v-model bindings in input fields do not update visually

      @metalsadman Thank you for your quick answer, but the problem was on another place. It was connected rather with Vue.js than with Quasar Framework.
      Here is my problematic code (very simplified):

      <div class="col-2 q-mr-md" v-for="option in editRowOptions" :key="option._id">
            <component :is="option.type" :label="option.label" :key="option._id" v-model="editedRow[option.model]"></component>
      </div>
      
      <script>
        data: () => ({
          editRowOptions: [ {type: 'QInput', _id: '50m', model: '50m_model', label: '50 m run'} ],  // dynamically loaded
          editedRow: {}
        }),
      
        methods: {
          editRow() {
            this.editedRow = { _id: 22 };
            // below values are filled in a loop which has dynamic content. That's why they are not set directly in row above
            this.editedRow['50m_model'] = '12:25'; 
            // ^^^^ problematic row
          } 
        }
      </script>
      

      The root problem was that attributes set later (they were not initialized in object { _id: 22 }) are missing Vue’s reactiveGetters and reactiveSetters.

      Here’s my solution:

      ...
          editRow() {
            const _editedRow = { _id: 22 };
            _editedRow['50m_model'] = '12:25'; 
            this.editorPerson = Object.assign({}, _editorPerson);
          } 
      
      posted in Help
      K
      kowy
    • RE: Dynamic v-model bindings in input fields do not update visually

      I have the same problem with q-input. I have tried to dynamically create a set of q-inputs as @tonyskulk did. And the same result. The underlying model changes but, visually the value of q-input returns back just after focus out of the q-input.

      quasar - 1.1.0
      @quasar/app - 1.0.6
      @quasar/extras - 1.3.1
      vue - 2.6.10

      posted in Help
      K
      kowy
    • RE: Online version of Quasar Play stops working

      Sorry for my fault. I finally found correct urls. They are on this site:

      https://v0-17.quasar-framework.org/guide/quasar-playground.html

      posted in Quasar Play App
      K
      kowy
    • Online version of Quasar Play stops working

      I’m was using online version of Quasar Play App (http://quasar-framework.org/quasar-play/android/index.html#/showcase), but it stops working (most probably due to switching to version 1.0.0 and redirection to quasar.dev domain)

      Is there any plan to run it again? It was really very, very helpfull site.

      Thank you.

      posted in Quasar Play App
      K
      kowy
    • RE: How to use $t('message.hello') from vue-i18n as title in q-data-tabe?

      Sad. Currently @kenium 's trick doesn’t work for me. It fails on error: “TypeError: Cannot read property ‘t’ of undefined”.

      Here is the complete code of component:
      <template>
      <q-table
      :title = “$t(‘default.register’)”
      :data = “tableData”
      :columns = “columns”
      row-key = “startingNumber”
      />
      </template>

      <script>
      export default {
      data: () => ({
      columns: [{
      name: ‘startingNumber’,
      field: ‘startingNumber’,
      label: this.$i18n.t(‘startingNumber’),
      }],
      tableData: [{
      startingNumber: 1,

      }],
      

      }),
      };
      </script>

      <style>
      </style>

      posted in Help
      K
      kowy