naive-ui: Upload console warning: [Vue warn]: Extraneous non-props attributes (mode) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at
TuSimple/naive-ui version (版本)
2.34.3
Vue version (Vue 版本)
3.2.47
Browser and its version (浏览器及其版本)
Vivaldi 5.6.2867.62
System and its version (系统及其版本)
Archlinux
Node version (Node 版本)
19.6.0
Reappearance link (重现链接)
https://www.naiveui.com/en-US/light/components/upload
Reappearance steps (重现步骤)
Use NUpload component this way:
<NUpload
@beforeUpload="handleUpload($event.file)"
accept="text/html"
trigger-style="height: 100%"
/>
Expected results (期望的结果)
No warning in browser console
Actual results (实际的结果)
[Vue warn]: Extraneous non-props attributes (mode) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
at <TransitionGroup name="fade-in-height-expand-transition" mode=undefined appear=false ... >
at <FadeInExpandTransition group=true >
at <UploadFileList>
at <Upload onBeforeUpload=fn accept="text/html" trigger-style="height: 100%" ... >
Remarks (补充说明)
This is a minor issue which could be easily workaround from user side using :show-file-list="false" prop.
About this issue
- Original URL
- State: closed
- Created a year ago
- Reactions: 3
- Comments: 18 (3 by maintainers)
Commits related to this issue
- fix(upload): warning about extraneous non-props attributes were passed but not be automatically inherited, closes #4447 — committed to jizai1125/naive-ui by jizai1125 a year ago
- fix(upload): warning about extraneous non-props attributes were passed but not be automatically inherited, closes #4447 — committed to jizai1125/naive-ui by jizai1125 a year ago
- fix(upload): warning about extraneous non-props attributes were passed but not be automatically inherited, closes #4447 (#4479) Co-authored-by: 07akioni <07akioni2@gmail.com> — committed to tusen-ai/naive-ui by jizai1125 a year ago
@hanpandeng Since this PR is still open (not merged) you will have to wait for a merge then a release. After that,
yarn upgradewill be enough.In the meantime, use
:show-file-list="false"prop as a workaround (if you are not using the file list feature, ofc).我看这个问题已经在2月14号修复了,但是怎么样才能更新到本地项目里呢?