湘潭做网站价格问下磐石网络,企业官网怎么注册,开发型网站报价方法,网站设计规划 优帮云背景描述
最近发现一个 naive ui 上的问题#xff0c;之前好好的#xff0c;某一次升级后就出现了一个 bug#xff0c;Modal 使用 card 布局后#xff0c;Header Solt 下面的内容不见了#xff0c;变成了 title#xff0c;因为这个 solt 里面是有操作 action 的#xf…背景描述
最近发现一个 naive ui 上的问题之前好好的某一次升级后就出现了一个 bugModal 使用 card 布局后Header Solt 下面的内容不见了变成了 title因为这个 solt 里面是有操作 action 的现在变成了 title 的文字覆盖了这块内容在本地复现后发现 naive-ui 高版本存在这个问题因为 package.json 里面并没有锁定naive-ui 版本所以每次升级发布后npm 可能就会安装当前最新的版本。
问题排查
知道了是那个部件那个属性的问题就好办了知道上官网 github issue 一搜果然已经有人反馈了
card卡片 属性title与header Slot同时使用header无法显示 · Issue #5987 · tusen-ai/naive-ui · GitHub
但官网还没有修复这个 issue所以临时办法就先把之前加的 title 属性移除掉即可。
修复 TSX 代码 NModal classbg-gray-400 text-black min-h-screenheaderStyle{{height:60px}}footerStyle{{height:60px}}preset{card} theme-overrides{{peers: {Card: {titleTextColor: black}}}}// show{this.$props.show} onClose{this.hideModal} title{演示例子} //去掉这个 title 字段即可 show{this.$props.show} onClose{this.hideModal} {{default: () (div classh-[800px] overflow-auto div class bg-green-100 whitespace-pre-wrap overflow-autov-html{this.beforeData}/divdiv class bg-orange-200 v-html{decodeURIComponent(this.$props.row.message)}/divdiv class bg-blue-100 whitespace-pre-wrap overflow-autov-html{this.afterData}/div/div),header: () (NSpacedivNInputNumber v-model:value{this.beforeLimit} placeholder上翻值 classw-[120px] min{10} max{300} //divNButton onClick{()this.handleContextQueryClick(true)} type{info}上翻检索/NButton/NSpace),footer: () (NSpacedivNInputNumber v-model:value{this.afterLimit} placeholder下翻值 classw-[120px] min{10} max{300} //divNButton onClick{()this.handleContextQueryClick(false)} type{primary}下翻检索/NButton/NSpace)}}/NModal
