Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Can't wrap f7-list-input with a custom component inside an f7-list

Aperta
#4,317 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
45/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
javascript
Ambito
frontend, mobile

Direzione di ricerca

Inizia riproducendo il wrapper Vue minimo attorno a f7-list-input all’interno di f7-list, quindi traccia il modo in cui f7-list indicizza i suoi discendenti quando interviene un componente personalizzato. Confronta i componenti diretti e wrappati usando i passaggi di riproduzione. Il lavoro è completato quando il componente wrappato viene renderizzato senza un errore di indicizzazione della lista ed entrambi i casi hanno una copertura di regressione.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

  • Framework7 version: 8.3.4
  • Vue.js version: 3.5.13
  • Platform and Target: All
Describe the bug

We wanted to wrap the f7-list-input component to add some standard functionality like using v-model instead of v-model:value and being able to show errors with a single prop etc.

However, no descendents of f7-list will work if they are custom components, if causes the list to throw an index error.

Even a simple wrapper component like:

<template>
    <f7-list-input></f7-list-input>
</template>

causes an error.

To Reproduce
  • Create an f7-list.
  • Create a Vue component wrapper for f7-list-input
  • Fails to render
Expected behavior

Application should not error just because you're transparently wrapping Framework7 components

Actual Behavior

List indexing error

Lingua principale
JavaScript
Stelle
18.8k
Fork
3.2k
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di framework7io/framework7

Tutte le issue di framework7io/framework7

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.