Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

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

Đang mở
#4,317 2 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức phù hợp với người mới
45/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Ít trao đổi
Công nghệ
javascript
Lĩnh vực
frontend, mobile

Hướng nghiên cứu

Bắt đầu bằng cách tái hiện wrapper Vue tối thiểu quanh f7-list-input bên trong f7-list, sau đó theo dõi cách f7-list lập chỉ mục các phần tử hậu duệ của nó khi một component tùy chỉnh xen vào. So sánh các component trực tiếp và được bọc bằng các bước tái hiện. Hoàn thành khi component được bọc render mà không xảy ra lỗi lập chỉ mục danh sách và cả hai trường hợp đều có coverage hồi quy.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

  • 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

Ngôn ngữ chính
JavaScript
Star
18.8k
Fork
3.2k
Không có pull request nào được merge trong 30 ngày

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của framework7io/framework7

Tất cả issue của framework7io/framework7

Issue tương tự

Thêm issue về JavaScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.