组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
2
回答
30浏览
Visx图表怎么动态更新数据而不重新渲染整个组件？
我用Visx做了一个折线图，数据是从接口实时拉取的。每次新数据来了我都直接替换state里的data数组，但图表好像没变化，必须强制刷新页面才行。 我试过用useMemo缓存scale，也检查了key...
-
2
回答
32浏览
Transfer穿梭框选中项无法双向绑定是怎么回事？
我用Element Plus的Transfer组件做权限分配，明明设置了v-model绑定selectedKeys，但右边已选列表变了，selectedKeys却没更新，控制台打印还是空数组。是我哪里...
-
2
回答
32浏览
Ant Design 的 Notification 通知为什么没显示出来？
我按照官网文档写了 notification 代码，但点击按钮后完全没反应，控制台也没报错，是不是哪里漏了？ 我已经引入了 message 和 notification，也调用了 notificati...
-
2
回答
30浏览
Footer页脚在移动端怎么固定在底部不被内容撑开？
我用 flex 布局做了一个页面，想让 Footer 始终贴在视口底部，但内容少的时候它会跟着内容往上跑，内容多的时候又正常。试过 position: fixed，结果会挡住页面内容。 现在结构大概是...
-
1
回答
37浏览
Vant ActionSheet怎么绑定点击事件？
我在用 Vant 的 ActionSheet 做一个底部弹出菜单，但点了选项后没反应。文档里说用 @select，但我试了好像没触发，控制台也没报错。是不是我写法有问题？ 这是我的代码： <va...
-
1
回答
37浏览
TDesign 的 Message 消息怎么自定义样式不生效？
我在用 TDesign 的 Message 组件时，想改一下背景色和文字颜色，但加了 CSS 好像没反应。我试过用 class 覆盖，也试过加 !important，都不行，是不是它的样式被 scop...
-
1
回答
113浏览
CodeEditor组件中如何监听代码内容变化？
我在用一个第三方的 CodeEditor 组件（类似 Monaco 或 CodeMirror 封装的），想在用户输入时实时获取编辑器里的代码内容，但文档看得有点懵。 试过给组件加 onChange 事...
-
2
回答
40浏览
热力图颜色不随数据变化是怎么回事？
我用 ECharts 做了个热力图，但不管数据怎么变，颜色都是一样的，明明配置了 visualMap 啊。数据是动态从接口拿的，格式也检查过没问题，像 [0, 1, 25] 这种。 下面是我的 opt...
-
1
回答
29浏览
Naive UI 分页组件怎么绑定当前页码？
我在用 Naive UI 的 Pagination 组件，想通过 v-model 绑定当前页码，但页面一加载就报错说“Missing required prop: 'page'”，可我明明已经用 v-...
-
2
回答
25浏览
Container容器的max-width在响应式布局中怎么失效了？
我用了一个Container组件，设置了max-width: 1200px，但在小屏设备上发现内容还是超出了屏幕宽度，滚动条都出来了。 明明写了媒体查询，也试过加width: 100%，但没用。是我写...
-
2
回答
40浏览
iView 的 Menu 菜单展开后怎么保持高亮选中状态？
我在用 iView 的 Menu 组件做侧边栏导航，点击菜单项跳转路由后，页面刷新了，菜单就收起来了，而且当前页面对应的菜单项也没有高亮。我试过用 :active-name 绑定当前路由路径，但好像没...
-
2
回答
21浏览
TDesign Input输入框高度怎么改不了？
我用 TDesign 的 Input 组件，想改高一点，但加了 height 好像没生效，是不是被内部样式覆盖了？ 我试过直接在组件上加 style，也试过用 class 覆盖，都不行。控制台看元素，...
-
1
回答
68浏览
Watermark水印组件在滚动时位置错乱怎么办？
我用了一个Watermark水印组件，页面一滚动水印就跟着跑偏了，明明设置的是固定定位，但看起来像是相对文档流在动。试过加position: fixed到水印容器上，但没效果。 这是我的水印样式代码：...
-
2
回答
34浏览
Navbar导航栏点击没反应是怎么回事？
我用原生JS写了个简单的导航栏，点击菜单项应该切换active状态，但点完完全没变化，控制台也没报错，不知道哪里出问题了。 试过给每个li加事件监听，也检查了类名拼写，还是不行。代码如下： const...
-
1
回答
40浏览
CodeEditor组件高度不生效是怎么回事？
我在用一个第三方CodeEditor组件，设置height: 300px; 样式完全没反应，编辑器还是特别矮，不知道是不是我哪里写错了？ 试过直接在组件上加style，也试过用CSS类，都不行。控制台...
-
2
回答
47浏览
Grid栅格布局中子项高度不一致怎么办？
我在用CSS Grid做商品列表布局，希望每行3列、自动换行，但每个商品卡片内容高度不同，导致网格行高被撑开，下面的项出现大片空白。试过设置grid-auto-rows: 1fr也没用，是不是哪里写错...
-
2
回答
68浏览
Naive UI 的 DataTable 如何动态更新表格数据？
我用 Naive UI 的 DataTable 渲染了一组用户数据，但当我通过接口获取新数据并更新 data 数组时，表格内容没变，明明数组已经变了啊！是不是哪里漏了响应式处理？ 我试过直接赋值和用 ...
-
2
回答
67浏览
面包屑组件怎么动态生成路径啊？
我用 Vue 写了个 Breadcrumb 面包屑，但路由是动态的，比如 /user/123/detail，想自动显示“首页 / 用户 / 123 / 详情”这种结构，试了直接用 $route.pat...
-
2
回答
48浏览
Space 组件设置间距后子元素换行了怎么办？
我在用 Ant Design 的 Space 组件给按钮加间距，本来是想让它们水平排列，但加了 size="large" 之后，后面的按钮突然就换行到下一行去了，明明容器宽度还很宽啊。 我试过给父容器...
-
2
回答
67浏览
Arco Design分页组件怎么绑定当前页码变化事件？
我在用 Arco Design 的 Pagination 组件，想在用户切换页码时拿到新的 currentPage 值，但 on-change 事件好像没触发？我照着文档写了，但控制台啥也没打印。 这...
