组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
1
回答
34浏览
Tag标签怎么动态绑定颜色还不报错？
我在用Element Plus的Tag组件，想根据状态字段动态设置type属性，比如status是'online'就显示绿色，'offline'显示灰色。但直接写:type="item.status"...
-
2
回答
28浏览
TDesign 表格分页后数据不更新是怎么回事？
我用 TDesign 的 Table 组件做了个带分页的表格，但切换页码时页面数据没变，还是第一页的内容。我明明在 onPageChange 里重新请求了接口，也更新了 data，可表格就是不刷新。 ...
-
1
回答
18浏览
Markdown富文本编辑器中代码块样式为啥不生效？
我用了一个开源的Markdown编辑器组件，渲染出来的代码块样式完全不对，明明写了CSS但没效果。是不是scoped样式的问题？还是编辑器内部用了shadow DOM？ 我试过在全局样式里加规则，也试...
-
1
回答
25浏览
Mobile First 布局在小屏正常，大屏却错位了怎么办？
我按 Mobile First 的思路写了布局，手机上看着没问题，但一到桌面端就元素乱跑、间距不对，明明加了 max-width 和 margin: auto 啊？ 这是我的基础结构： <div...
-
1
回答
30浏览
List列表数据渲染后无法正确显示样式怎么办？
我在用Vue写一个商品列表，数据能正常从接口拿到，也用v-for渲染出来了，但每个列表项的间距和对齐总是乱的，明明CSS写了margin和flex布局。 控制台也没报错，结构看起来没问题，但就是样式没...
-
1
回答
37浏览
Arco Upload上传后怎么拿到文件的base64？
我用 Arco Design 的 Upload 组件上传图片，想在上传前预览，但不知道怎么把选中的文件转成 base64。试了 onChange 里的 file 对象，但直接读取好像不行。 网上查到要...
-
1
回答
27浏览
Vant 组件在不同手机上显示大小不一致怎么办？
我用 Vant 写了个移动端页面，但在 iPhone 和安卓机上按钮、文字大小看起来差别很大，明明没写死 px，也引入了 postcss-px-to-viewport 插件，为啥还是不统一？ 我的 p...
-
1
回答
24浏览
表单验证时如何动态控制某个字段的必填状态？
我用的是 Vue 3 + Element Plus，有个场景是：当用户选择“其他”选项时，才需要填写一个额外的输入框。但我发现即使我把该字段的 required 规则动态改成 false，表单校验还是...
-
1
回答
29浏览
iView的DatePicker怎么设置默认显示今天日期？
我在用iView的DatePicker组件，想让它一打开就默认选中今天日期，但试了几次都不行，文档看得有点晕。 我给value绑了个变量，默认设成new Date()，但页面上还是空的，点开日历也没高...
-
1
回答
23浏览
ScrollTrigger动画在组件中无法触发怎么办？
我在Vue组件里用GSAP的ScrollTrigger做滚动动画，但页面滚动时完全没反应，控制台也没报错。 已经按文档引入了ScrollTrigger插件，也调用了ScrollTrigger.refr...
-
1
回答
26浏览
D3.js在React中更新数据后图表不刷新怎么办？
我用D3.js在React里画了个折线图，初始渲染没问题，但props里的data变了之后，图表根本没更新，还是老数据。是不是哪里绑定错了？ 我试过在useEffect里重新调用绘图函数，也用了sel...
-
1
回答
24浏览
Bootstrap栅格系统在小屏幕上布局错乱怎么办？
我用Bootstrap 5写了个两栏布局，大屏显示正常，但一到手机上就重叠了。明明用了col-md-8和col-md-4，按理说小屏应该自动堆叠才对啊？ 试过加col-12前缀也不行，控制台也没报错，...
-
1
回答
29浏览
Arco Design分页组件怎么自定义每页显示条数？
我用 Arco Design 的 Pagination 组件，想让用户自己选每页显示多少条，比如 10、20、50 这些选项，但文档看得有点懵。 试过加 pageSizeOptions 属性，但下拉框...
-
1
回答
29浏览
Arco Design 分页组件怎么自定义每页显示数量？
我用 Arco Design 的 Pagination 组件，想让用户自己选每页显示 10、20、50 条，但文档看得有点懵。 试过加 showPageSize 属性，但根本没反应，控制台也没报错，就...
-
1
回答
32浏览
Element Plus 表格开启虚拟滚动后数据不显示怎么办？
我用 Element Plus 的 Table 组件加了虚拟滚动，但表格直接空白了，数据明明有啊。试过设置 height 和 max-height，也按文档加了 virtual-scroll 属性，还...
-
1
回答
27浏览
Element Plus分页组件怎么自定义每页显示条数？
我在用Element Plus的Pagination做表格分页，想让用户自己选每页显示多少条，比如10、20、50这样。但文档里没太看懂怎么配置，试了:page-sizes="[10, 20, 50]...
-
1
回答
18浏览
Cascader级联选择器怎么动态加载数据？
我在用Element Plus的Cascader做地区选择，但数据太多不想一次性全加载，想点击一级菜单再请求下一级。官方文档说可以用lazyLoad，但我试了总是报错。 我写了这个方法，但控制台提示C...
-
1
回答
27浏览
Layout布局组件在移动端显示错乱怎么办？
我用了一个常见的Layout布局组件，左右两栏固定宽度，中间自适应，在PC上没问题，但一到手机上就挤在一起或者重叠了，根本没法看。 我已经加了viewport标签，也试过给容器加overflow: h...
-
1
回答
29浏览
Vant 的 Tab 切换后内容没更新是怎么回事？
我用 Vant 的 Tab 组件做了一个分类筛选，但切换 tab 时页面内容没变，数据明明已经变了啊？ 我试过在 on-change 里手动调接口，也用了 watch 监听 active 值，但 DO...
-
2
回答
36浏览
自定义组件发布到NPM后样式丢失怎么办？
我写了一个Vue的自定义按钮组件，本地测试样式正常，但发布到NPM后别人安装使用时CSS完全没生效，这是为啥？ 我已经在package.json里配置了"style"字段指向dist/index.cs...
