组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
1
回答
12浏览
Ant Design的Tree组件如何根据父节点展开状态自动展开子节点？
我在用Ant Design的Tree组件展示数据时，希望展开父节点时自动展开所有子节点层级。按照文档写了defaultExpandedKeys，但发现只有父节点展开，子节点还是折叠状态。试过把子节点k...
-
1
回答
112浏览
Material-UI Dialog中使用Grid布局后内容溢出怎么办？
我在Dialog里用Grid组件排版表单，但内容总是溢出到遮罩层外面。试过给Paper加maxWidth: '100%'和overflow: 'auto'都没用，左右两边还是出现滚动条。关闭按钮也移位...
-
2
回答
2浏览
iView Steps步骤条动态切换current无效怎么办？
在用iView的Steps组件做注册流程时，通过点击事件修改current值，但步骤条没变化。代码逻辑没问题，试过用this.$forceUpdate()也不行。 // 步骤条组件 <Steps...
-
1
回答
20浏览
iView Notice通知关闭后还能再打开吗？
用iView的Notice.info做提示框，点击按钮第一次显示正常，但关闭后再点按钮就没了，控制台也没报错，这是怎么回事？ 代码是这样写的：Notice.info({ title: '提示', de...
-
1
回答
3浏览
树形组件子节点文字过长导致父节点缩进消失怎么办？
我在用Ant Design的Tree组件做导航菜单时遇到个问题：当子节点文字过长时，父节点的左侧缩进会突然消失，整个树形结构就乱了。我试过给子节点加了这段CSS： .tree-node-text { ...
-
1
回答
3浏览
Ant Design Grid的gutter为什么两边没有间距只中间有？
在用Ant Design的Grid做两列布局时，设置gutter=[16,32]想让左右两边各留16px，中间间隔32px，结果两边根本没有间距，中间间距倒是对了，这是为啥呢？ 代码这样写的：<...
-
2
回答
2浏览
为什么我的自定义组件在SSR渲染后样式丢失了？
我在用Vue 3开发一个自定义组件MyButton，服务端渲染后样式完全没生效，但客户端直出没问题。组件用了CSS Modules和动态类名，服务端返回的HTML里类名变成了_style_这样的占位符...
-
2
回答
2浏览
TDesign的Drawer抽屉怎么设置固定在页面顶部？
在用TDesign做页面时，Drawer抽屉总是跟着页面内容滚动，我设置了placement="top"但滚动页面时它会跑到中间位置，试过加固定定位样式也没用，该怎么让它始终保持在视口顶部呢？
-
1
回答
23浏览
为什么我给UIkit的Subnav子导航设置背景色后菜单项完全消失了？
我在用UIkit的Subnav做横向导航栏时，想给子菜单项加个浅灰色背景。按文档写了个CSS覆盖，默认样式却导致所有菜单项突然不显示了。 尝试过这样写： .subnav > li:hover {...
-
1
回答
33浏览
UIkit的Switcher切换内容不显示，怎么解决？
我在用UIkit的Switcher做选项卡切换时，点击标签后对应的内容区域一直空白。检查了HTML结构和类名都没问题，控制台也没报错，但内容就是不显示。 尝试过手动调用UIkit.update()和设...
-
1
回答
34浏览
Notification通知组件定位到顶部居中后为什么会偏移？
我用Ant Design的Notification组件时，想把它定位在页面顶部正中间。按照文档设置了placement="top"，然后在全局CSS里加了 .ant-notification-top ...
-
1
回答
16浏览
Vue Transition组件子元素动画不触发怎么办？
在用Vue的Transition组件包裹列表时，切换列表项时外层动画正常，但子元素的hover效果动画突然失效了，这是为什么？ 我尝试给Transition加了mode="out-in"，然后在CSS...
-
1
回答
29浏览
iView主题定制后按钮颜色没变化怎么办？
我在用iView4做主题定制，按照文档修改了variables.less里的颜色变量，但按钮颜色完全没变化，这是什么问题啊？ 已经执行了npm install theme-configurator，配...
-
1
回答
4浏览
TDesign Notification设置position后位置没变化是怎么回事？
我在用TDesign的Notification组件时遇到了问题，按照文档设置了position参数为"topRight"，但提示框总是显示在默认的左上角位置，这是为什么呢？ 代码是这样写的： impo...
-
2
回答
3浏览
Arco Popover点击按钮后内容不显示，该怎么排查？
我在用Arco的Popover组件给按钮加弹出提示，但点击按钮后气泡内容完全没反应。已经按文档设置了trigger为'click'，内容也写了，控制台也没报错，这是为什么呢？ 代码大概是这样写的： /...
-
2
回答
3浏览
iView的TimePicker组件如何动态设置默认时间？
在做表单编辑页时，需要根据后端返回的时间数据动态设置时间选择器的默认值。用v-model绑定了timeValue变量，但页面加载时默认时间不显示，控制台报"Invalid Date"错误。试过把接口返...
-
1
回答
3浏览
Bootstrap响应式工具列布局在移动端显示异常怎么办？
大家好，我在用Bootstrap做产品列表时遇到问题。按照文档写的代码，给每个卡片加了col-sm-6 col-md-4类，期望在手机端显示两列，平板显示三列，但实际在iPhone X模拟器里却变成单...
-
1
回答
6浏览
为什么React的CSSTransition在页面切换时动画不连贯？
大家好，我在用React做路由切换动画时遇到问题。用了CSSTransition包裹路由组件，设置进入和离开的CSS类，但切换时动画总是先跳一下再执行过渡效果，这是为什么呢？ 我尝试过给容器加fixe...
-
1
回答
5浏览
TDesign Tree如何在节点展开时动态加载子节点数据？
在用TDesign的Tree组件做权限配置时，想实现展开节点才加载子节点数据。按照文档设置了lazy和onExpand，但展开后子节点没显示，控制台也没报错。 代码是这样写的： import { Tr...
-
1
回答
12浏览
Material-UI的Chip删除后列表没更新怎么办？
我在用Vue+Material-UI做标签列表时遇到问题，Chip的onDelete事件触发后，虽然图标消失了但数据没同步更新。 场景是这样的：v-for循环渲染Chip列表，每个Chip绑定了onD...
