组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
2
回答
45浏览
Vant的NavBar怎么自定义左侧图标和文字？
我在用 Vant 的 NavBar 组件，想把左边的返回箭头换成自定义图标，同时显示“首页”文字，但试了文档里的 left-text 和 left-arrow 属性，只能显示默认的箭头或者纯文字，没法...
-
2
回答
46浏览
iView的Button按钮点击没反应是怎么回事？
我在用 iView 的 Button 组件，绑定了 click 事件，但点按钮完全没反应，控制台也不报错。我试过用原生的 <button> 是可以的，换成 iView 的就不行了。 代码是...
-
2
回答
52浏览
FloatButton悬浮按钮在移动端点击无效是怎么回事？
我用 Vue3 写了个 FloatButton 悬浮按钮，PC 上 hover 和点击都正常，但一到手机上点它完全没反应，连 click 事件都不触发。我试过加了 cursor: pointer 也没...
-
2
回答
50浏览
自定义组件的props怎么设计才更灵活？
我写了一个用户头像组件，但不确定props该怎么设计才能兼顾默认头像和自定义头像地址。现在传了url就用url，没传就用默认图，但感觉这样扩展性不好，比如以后还要加尺寸、形状等选项。 目前是这么写的：...
-
2
回答
45浏览
Ant Design的Tree组件如何根据父节点展开状态自动展开子节点？
我在用Ant Design的Tree组件展示数据时，希望展开父节点时自动展开所有子节点层级。按照文档写了defaultExpandedKeys，但发现只有父节点展开，子节点还是折叠状态。试过把子节点k...
-
2
回答
142浏览
Material-UI Dialog中使用Grid布局后内容溢出怎么办？
我在Dialog里用Grid组件排版表单，但内容总是溢出到遮罩层外面。试过给Paper加maxWidth: '100%'和overflow: 'auto'都没用，左右两边还是出现滚动条。关闭按钮也移位...
-
2
回答
61浏览
iView Steps步骤条动态切换current无效怎么办？
在用iView的Steps组件做注册流程时，通过点击事件修改current值，但步骤条没变化。代码逻辑没问题，试过用this.$forceUpdate()也不行。 // 步骤条组件 <Steps...
-
2
回答
38浏览
iView Notice通知关闭后还能再打开吗？
用iView的Notice.info做提示框，点击按钮第一次显示正常，但关闭后再点按钮就没了，控制台也没报错，这是怎么回事？ 代码是这样写的：Notice.info({ title: '提示', de...
-
2
回答
47浏览
树形组件子节点文字过长导致父节点缩进消失怎么办？
我在用Ant Design的Tree组件做导航菜单时遇到个问题：当子节点文字过长时，父节点的左侧缩进会突然消失，整个树形结构就乱了。我试过给子节点加了这段CSS： .tree-node-text { ...
-
2
回答
41浏览
Ant Design Grid的gutter为什么两边没有间距只中间有？
在用Ant Design的Grid做两列布局时，设置gutter=[16,32]想让左右两边各留16px，中间间隔32px，结果两边根本没有间距，中间间距倒是对了，这是为啥呢？ 代码这样写的：<...
-
2
回答
38浏览
为什么我的自定义组件在SSR渲染后样式丢失了？
我在用Vue 3开发一个自定义组件MyButton，服务端渲染后样式完全没生效，但客户端直出没问题。组件用了CSS Modules和动态类名，服务端返回的HTML里类名变成了_style_这样的占位符...
-
2
回答
43浏览
TDesign的Drawer抽屉怎么设置固定在页面顶部？
在用TDesign做页面时，Drawer抽屉总是跟着页面内容滚动，我设置了placement="top"但滚动页面时它会跑到中间位置，试过加固定定位样式也没用，该怎么让它始终保持在视口顶部呢？
-
2
回答
55浏览
为什么我给UIkit的Subnav子导航设置背景色后菜单项完全消失了？
我在用UIkit的Subnav做横向导航栏时，想给子菜单项加个浅灰色背景。按文档写了个CSS覆盖，默认样式却导致所有菜单项突然不显示了。 尝试过这样写： .subnav > li:hover {...
-
1
回答
95浏览
UIkit的Switcher切换内容不显示，怎么解决？
我在用UIkit的Switcher做选项卡切换时，点击标签后对应的内容区域一直空白。检查了HTML结构和类名都没问题，控制台也没报错，但内容就是不显示。 尝试过手动调用UIkit.update()和设...
-
1
回答
78浏览
Notification通知组件定位到顶部居中后为什么会偏移？
我用Ant Design的Notification组件时，想把它定位在页面顶部正中间。按照文档设置了placement="top"，然后在全局CSS里加了 .ant-notification-top ...
-
2
回答
69浏览
Vue Transition组件子元素动画不触发怎么办？
在用Vue的Transition组件包裹列表时，切换列表项时外层动画正常，但子元素的hover效果动画突然失效了，这是为什么？ 我尝试给Transition加了mode="out-in"，然后在CSS...
-
2
回答
63浏览
iView主题定制后按钮颜色没变化怎么办？
我在用iView4做主题定制，按照文档修改了variables.less里的颜色变量，但按钮颜色完全没变化，这是什么问题啊？ 已经执行了npm install theme-configurator，配...
-
1
回答
39浏览
TDesign Notification设置position后位置没变化是怎么回事？
我在用TDesign的Notification组件时遇到了问题，按照文档设置了position参数为"topRight"，但提示框总是显示在默认的左上角位置，这是为什么呢？ 代码是这样写的： impo...
-
2
回答
23浏览
Arco Popover点击按钮后内容不显示，该怎么排查？
我在用Arco的Popover组件给按钮加弹出提示，但点击按钮后气泡内容完全没反应。已经按文档设置了trigger为'click'，内容也写了，控制台也没报错，这是为什么呢？ 代码大概是这样写的： /...
-
2
回答
25浏览
iView的TimePicker组件如何动态设置默认时间？
在做表单编辑页时，需要根据后端返回的时间数据动态设置时间选择器的默认值。用v-model绑定了timeValue变量，但页面加载时默认时间不显示，控制台报"Invalid Date"错误。试过把接口返...
