组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
2
回答
24浏览
为什么我的Modal对话框在移动端无法点击关闭按钮？
我在开发移动端Modal组件时遇到怪问题，关闭按钮在PC端能正常点击，但手机上完全没反应。已经检查过z-index层级和pointer-events设置，代码是这样的： .modal-overlay ...
-
1
回答
14浏览
Markdown编辑器如何实现代码块高亮并保留缩进？
我在用Vue项目集成Markdown编辑器时卡住了。用了marked库渲染，代码块能显示但没有高亮，手动引入highlight.js后虽然能高亮了，但输入的缩进会被浏览器自动压缩成一个空格，代码看起来...
-
2
回答
272浏览
Vant的Popup弹出层设置position为bottom后为什么只显示顶部一条线？
在用Vant3的Popup组件做底部弹出层时，设置了position="bottom"，但弹出后只能看到内容区域顶部一条细线，里面的内容被压缩成高度0了。我检查过内容区域有固定高度和overflow设...
-
2
回答
16浏览
Bootstrap栅格两列高度不一致怎么解决？
用Bootstrap的栅格系统做布局时，左边col-md-3固定宽度，右边col-md-9放动态内容。如果右边内容多，左边列的高度就只到自己内容结束，看起来特别丑，试过给父容器加height:100%...
-
2
回答
49浏览
iView的Tree组件节点内容怎么换行？
在用iView的Tree组件显示文件路径时，节点内容太长导致文字挤在一起。尝试在路径中间加了n和标签，但显示的时候都是连续一串，怎么实现换行呢？ 试过给节点内容加了以下CSS样式： .ivu-tree...
-
2
回答
40浏览
为什么我的UIkit手风琴点击后无法展开或切换？
在React项目里用UIkit的Accordion组件，按照文档写了基本结构，但点击标题时内容区域完全没反应。已经确认引入了uikit-accordion.min.js，也检查过事件绑定和方法调用，但...
-
2
回答
19浏览
Bootstrap进度条动态更新后样式不变化怎么办？
用Bootstrap的进度条做文件上传进度显示，用JS修改了value属性和aria-valuenow后，数值虽然变了但颜色和样式完全没反应，搞不懂为啥样式没变... 代码是这样写的： <div...
-
2
回答
44浏览
Element Plus的Skeleton组件怎么设置自适应高度？
在用Element Plus的Skeleton做列表加载效果时，发现固定高度设置后内容区域高度不随真实内容变化，导致真实内容显示时布局错乱。比如设置了height="80px"，但实际图片和文字加载后...
-
2
回答
19浏览
React骨架屏组件在动态数据加载时如何保持布局一致性？
我在用Skeleton骨架屏实现列表加载效果时遇到了问题。当异步数据加载完成，真实内容替换骨架屏时，页面布局会突然跳动一下。 我已经尝试给Skeleton和真实内容都设置了相同的固定高度，但实际渲染后...
-
1
回答
2,083浏览
Tabs选中状态样式切换时没变化怎么办？
在写Tabs组件时，给选中的标签加了.active类的背景色，但点击切换时样式没变化。我试过用JS动态切换类名，控制台显示类名确实变掉了，但样式就是没跟着变... 我的CSS是这样写的： .tabs_...
-
2
回答
11浏览
如何让自定义表单组件同时支持受控和非受控模式？
最近在封装一个可复用的输入框组件，想让它既能作为受控组件接收value和onChange，又能当非受控组件直接用。尝试用默认props和useState结合，但发现当父组件没传value时，输入框的值...
-
2
回答
12浏览
Naive UI分页跳转后数据没变怎么处理？
用Naive UI的Pagination做分页时，切换页码后数据没变卡了好久了。我按文档写了onChange事件，也传了当前页码参数，但每次请求接口返回的数据还是第一页的内容。 代码大概是这样写的：&...
-
2
回答
33浏览
悬浮按钮在页面滚动到底部时如何避免遮挡底部导航栏？
我正在用Ant Design的FloatButton做悬浮按钮，但遇到一个问题：当页面滚动到最底部时，按钮会遮挡底部的TabBar导航栏。我尝试过设置position: fixed和调整bottom值...
-
2
回答
24浏览
Badge徽章总是显示在按钮外面，怎么调整位置都不对？
在用Ant Design的Badge组件包裹按钮时，数字徽章总是显示在按钮右侧下方而不是右上角，试过改margin和padding都不行。比如这样写： <Badge count={5}> ...
-
2
回答
17浏览
Material-UI的AppBar固定顶部后内容被遮挡怎么办？
我在用Material-UI的AppBar做导航栏时，设置position:fixed后虽然能固定顶部，但页面内容还是被导航栏遮住了。试过给内容区域加margin-top="64px"，但滚动时会出现...
-
1
回答
26浏览
Naive UI的Tree组件点击节点后子节点不显示怎么办？
在用Naive UI的Tree组件时，按照文档写了动态加载子节点的逻辑，但点击父节点后子节点数据更新了，界面就是不显示出来： <n-tree :key="treeKey" :...
-
2
回答
13浏览
iView的Tooltip文字超出容器被截断怎么处理？
在用iView的Tooltip做按钮提示时，发现文字超过容器宽度就被省略号截断了。尝试过给tooltip内容加max-width: 200px和white-space: normal都没效果，文字还是...
-
2
回答
30浏览
ApexCharts动态更新数据后图表不更新怎么办？
在Vue项目里用ApexCharts做柱状图，点击按钮更新数据源数组后图表没变化，chart.updateSeries()试过但报错说chart未定义。 我按文档写了个初始化方法： const cha...
-
1
回答
294浏览
D3.js折线图坐标轴总偏移到角落怎么办？
在用D3.js画折线图时，坐标轴突然跑到svg左下角去了，明明之前代码没问题。我按照教程设置了margin对象，用scale()定义了范围，但y轴标签直接贴到y=0的位置，x轴完全看不见了。 尝试过调...
-
1
回答
256浏览
Material-UI Select选中值无法更新到状态怎么办？
我在用Material-UI的Select组件时，选中选项后状态一直没变。按照文档写了value和onChange，但控制台打日志发现selected变量还是空的... 代码是这样写的： import...
