Can't wrap f7-list-input with a custom component inside an f7-list
还没有人认领这个 Issue。
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 45/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 冷清
- 技术栈
- javascript
调研方向
首先重现 f7-list 内围绕 f7-list-input 的最小 Vue 包装器，然后跟踪当自定义组件介入时 f7-list 如何为其后代建立索引。使用复现步骤比较直接组件和包装组件。完成的标准是包装组件能够渲染且不会出现列表索引错误，并且两种情况都有回归覆盖。
由索引模型根据 Issue 内容生成。
描述
- 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
- 主要语言
- JavaScript
- 星标
- 18.8k
- 派生
- 3.2k
- PR 合并指标
- 30 天内没有已合并 PR
贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
framework7io/framework7 的其他 Issue
-
难度 2/5 1-3 小时 新手友好度 68/100
framework7io/framework7#4365 · 1 条评论 ·
-
propsHistory 未关闭
难度 2/5 1-3 小时 新手友好度 72/100
framework7io/framework7#4347 · 1 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 64/100
framework7io/framework7#4222 · 3 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 65/100
framework7io/framework7#4175 · 1 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 65/100
framework7io/framework7#3969 · 3 条评论 ·
查看 framework7io/framework7 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 78/100
-
难度 1/5 1 小时以内 新手友好度 90/100
TheOdinProject/curriculum#31423 ·
-
难度 2/5 1-3 小时 新手友好度 65/100
WGBH-MLA/dream-aapb#69 ·
-
难度 1/5 1-3 小时 新手友好度 78/100
Mintplex-Labs/anything-llm#6490 ·
-
难度 1/5 1 小时以内 新手友好度 86/100
openlayers/ol-cesium#1364 ·