Erro Componente Paginação
[Finalizado Pelo Aluno]
Olá, Mestre!
Estou tentando usar o componente de paginação (https://github.com/especializati/vue-api-pagination/blob/master/src/components/general/PaginationComponent.vue) que você criou, mas da o erro abaixo:
9:13 error This 'v-if' should be moved to the wrapper element vue/no-use-v-if-with-v-for
A linha desse erro é essa abaixo:
<li v-if="pagination.last_page > 1" v-for="(page, index) in pagesNumber" :class="['page-item', {'active': page == pagination.current_page}]" :key="index">
Estou usando a versão mais atual do Vue JS, criando um novo projeto com vue create nome-projeto
Alguma ideia do que possa ser?
Olá, Thiago!
Tudo bem?
Não pode usar o v-if e v-for na mesma tag.
Deixa o v-if na tag ul.
Olá!
Tirei o v-if e parou o erro. ;-)
Além disso, fiz outros ajustes, pois estou usando o API Resource, que entrega os dados diferente de como estamos vendo nesse curso.
Estava na dúvida de qual framework usar (Angular, React...), mas nesse curso estou vendo o quanto de recursos que o Vue JS tem e como se encaixa muito bem com o Laravel.
Obrigado pela ajuda e parabéns pelo excelente curso!
Precisa estar logado para conseguir responder a este ticket!
Clique Aqui Para Entrar!