Losing reactivity afetr opening q-modal



  • I have this structure on my template:

        <q-card inline class="card-title" v-for="(item, index) in tblConteudo" :key="index">
          <q-card-title>{{ item.dat_materia }}
          </q-card-title>
          <q-card-separator />      
          <q-card-main>
            <p class="text-faded">{{ item.descricao }}</p>
          </q-card-main>
          <q-card-separator />      
          <q-card-main>
            <p class="text-faded">{{ item.tarefa }}</p>
          </q-card-main>
        </q-card>
        <q-modal ref="conteudoModal" content-classes="content-modal">
          <h5>Alterar Conteúdo</h5>
          <q-input v-model="item.descricao" inverted :min-rows="5" float-label="Conteúdo" type="textarea" />
          <q-input v-model="item.tarefa" inverted :min-rows="5" float-label="Tarefas" type="textarea" />
          <q-btn color="primary" @click="gravaConteudo(item)">Salvar</q-btn>
        </q-modal>  
    

    When I programmatically open modal with an

            this.$refs.conteudoModal.open()
    

    All page loses reactivity and QCard’s are not update anymore when tblConteudo changes…

    Does anyone can help?

    Thanks in advance!


Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.