亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Pinia InternalError: too many recursion errors when using q-list in Quasar
P粉262073176
P粉262073176 2023-09-01 20:26:11
0
1
616
<p>While using Pinia Store in my Quasar component I encountered this error <code>InternalError: Too much recursion</code> and I have done everything I know but no resolution. </p><p> Can I get advice here? </p> <p>This is my <code>IndexPage.vue</code> where I call the QList component: </p> <pre class="brush:php;toolbar:false;"><template> <q-page> <div class="q-pa-md" style="max-width: 350px"> <QList /> </div> </q-page> </template> <script> import QList from 'src/components/QList.vue'; export default { components: { QList } } </script></pre> <p>This is my <code>QList.vue</code> component: </p> <pre class="brush:php;toolbar:false;"><template> <div v-if="loading">Carregando...</div> <q-list v-else bordered separator> <q-item v-for="item in testData" :key="item.id" clickable v-ripple> <q-item-section>{{ item.title }}</q-item-section> </q-item> </q-list> </template> <script> import { testeStore } from '../stores/teste' import { defineComponent, computed, onMounted } from 'vue'; export default defineComponent({ setup () { const store = testeStore(); onMounted(() => { store.loadData(); }); const testData = computed(() => store.getData()); const loading = computed(() => store.$state.loading); return { testData, loading } } }) </script></pre> <p>還有我的 <code>testeStore.js</code> 商店:</p> <pre class="brush:php;toolbar:false;">import { defineStore } from 'pinia' import testeData from '../assets/data/testes.json' export const testeStore = defineStore({ id: 'teste', state: () => ({ data: [], loading: false, }), getters: { getData: state => state.data, }, actions: { loadData () { try { this.loading = true this.data = testeData; } catch (error) { console.log(`Error fetching testes: ${{ error }}`) } finally { this.loading = false } } } })</pre> <p>每個(gè)組件看起來都很正常,我真的不知道我的問題出在哪里。這是來自控制臺(tái)的一段 vue warn:</p> <pre class="brush:php;toolbar:false;">[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" > at <QList key=1 bordered="" separator="" ></pre></p>
P粉262073176
P粉262073176

reply all(1)
P粉547170972

Just checked stackblitz and it looks like there is a naming conflict between your own QList component and Quasar's built-in "q-list" component. Vue treats component names case-insensitively, which is why it interprets "q-list" and "QList" as the same component.

To resolve this issue, you can try renaming your QList component to another name that does not conflict with the Quasar component, such as "MyQList", or importing the Quasar "q-list" component using an alias.

From 'quasar' import { Qlist as QuasarList }

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template