组件
深耕组件化开发实践,解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
2
回答
52浏览
ECharts动态更新数据后图表没变化怎么办?
我在用ECharts做柱状图的时候,初始化显示正常,但通过setData更新数据后图表完全没反应。控制台也没报错,数据对象看起来没问题,这是怎么回事啊? 初始化代码是这样的: const chart ...
组件 2026-02-03 16:49:34 -
2
回答
68浏览
为什么我的Rate评分组件点击后分数不更新?
我在用Ant Design的Rate组件做评分功能,用v-model绑定了score变量,但点击星星时数值就是不变化... 尝试在change事件里加了console.log,发现根本没触发。代码是这...
组件 2026-02-03 15:47:30 -
2
回答
43浏览
Element Plus的Result组件图标不随状态变化怎么办?
我在用Element Plus的Result组件做操作反馈页面时,想根据不同的API返回状态动态切换图标和描述。按照文档写了状态绑定,但图标一直显示默认的成功图标,文字倒是能变: import { d...
组件 2026-02-02 19:50:27 -
2
回答
94浏览
Cascader组件子菜单位置错乱,怎么调整CSS才能正确显示?
在做地区选择时用了Cascader组件,但二级菜单总是挤在一级菜单旁边,不是层叠下拉的效果。我尝试给子菜单加了 .el-cascader-menu+.el-cascader-menu { margin...
组件 2026-02-02 14:47:24 -
2
回答
90浏览
React中Slider的value变化为什么不触发onChange事件?
我在用React的Slider组件做表单时遇到个怪问题。当拖动滑块时,虽然滑块位置在动,但onChange事件完全没反应,控制台也没报错。我检查过事件名写的是onChange,不是onchange.....
组件 2026-02-02 13:59:33 -
2
回答
56浏览
Ant Design Upload上传组件如何动态修改上传地址?
在用Antd的Upload组件时,我需要根据用户选择的文件类型动态切换上传接口地址,但发现设置action属性后上传请求还是走原来的URL。 我尝试过这样写代码,用变量绑定action属性,但不管选什...
组件 2026-02-02 13:29:34 -
2
回答
216浏览
Naive UI的DatePicker选中日期后文本框没变化怎么办?
我在用Naive UI的DatePicker组件时遇到问题,选中日期后输入框里的文字没更新,但控制台显示变量确实有值,这是为什么? 代码是这样写的: <template> <n-da...
组件 2026-02-02 08:55:30 -
2
回答
98浏览
element-plus的el-image设置error属性后占位图没显示怎么办
在用element-plus的el-image组件时,图片加载失败后设置的error属性里的占位图完全没显示,页面上直接显示空白区域。我检查过图片路径没问题,正常访问能打开,但出错时就是不显示占位图。...
组件 2026-02-02 08:42:45 -
2
回答
130浏览
为什么我的UIkit手风琴只能展开一个面板?
我用UIkit做手风琴菜单时,设置成允许多展开后完全失效,只能同时打开一个面板。按照文档写了data-uk-accordion="{multiple:true}",但不管怎么调整都没效果,控制台也没报...
组件 2026-02-02 06:04:27 -
2
回答
55浏览
表单左右布局在移动端如何自动转成上下排列?
我在用Flex布局做表单左右布局,代码写成这样:display: flex;,但是手机横屏时两边元素会压缩变形。试过加媒体查询改flex-wrap还是不行,该怎么让它在小屏幕变成上下排列呢? 这是我的...
组件 2026-02-01 23:31:30 -
2
回答
59浏览
为什么我的Bootstrap按钮点击没反应?
我在用Bootstrap按钮实现切换功能,给按钮绑定了onclick事件,但点击完全没反应。代码检查了好几遍没问题,其他按钮样式正常。 尝试过: 1. 确认按钮类名正确:btn btn-primary...
组件 2026-02-01 23:30:26 -
2
回答
119浏览
Antd的Menu子菜单点击无法展开怎么办?
在用Ant Design的Menu组件做侧边栏时,设置了SubMenu子菜单,但点击箭头图标就是不展开,mode="inline"也写了,还试过设置defaultOpenKeys还是没反应... 代码...
组件 2026-02-01 19:32:26 -
2
回答
116浏览
Arco Design的Message提示框为什么在动态内容后不显示?
大家好,我在用Arco的Message做操作反馈时遇到个奇怪的问题。当我点击按钮后先执行一个异步请求再弹出提示,Message提示框就没有显示,但控制台也没有报错。如果把Message直接放在按钮点击...
组件 2026-02-01 19:26:26 -
1
回答
33浏览
Collapse折叠组件的过渡动画为什么只在第一次展开时有效?
我在用Vue写Collapse折叠组件时,给max-height加了transition,但发现动画只在第一次展开时有效,之后收起和再次展开都变成瞬时切换了。试过把高度设成100%也不行,控制台没报错...
组件 2026-02-01 19:17:26 -
2
回答
85浏览
Avatar组件如何动态显示用户头像和在线状态指示器?
我在用Ant Design的Avatar组件做聊天界面时遇到问题,想同时显示用户头像和右下角的在线绿点。试过把Badge包在Avatar里,但报错Avatar only supports one ch...
组件 2026-02-01 16:09:36 -
2
回答
67浏览
Arco Tooltip文字提示配置后无法显示是怎么回事?
我按照文档配置了Arco Design的Tooltip组件,设置了title和content属性,但鼠标hover时提示框完全不显示,控制台也没有报错。我尝试过把open设为true也没用,这是什么情...
组件 2026-02-01 14:48:32 -
2
回答
100浏览
React Affix组件固定后为什么位置偏移了?
我在用react-affix做侧边栏固定时,设置offset后元素位置总是比预期低20px,调整过margin也不行... import { Affix } from 'react-affix'; f...
组件 2026-02-01 14:13:32 -
2
回答
118浏览
Material-UI的Chip删除按钮怎么没反应?
我在用Chip组件加删除功能,按照文档写了onDelete事件和delete图标,但点击叉号完全没反应。代码检查了好几遍都没发现问题,这是为什么啊? 我的代码是这样的: <Chip label=...
组件 2026-02-01 04:38:23 -
2
回答
116浏览
Vant组件在不同手机屏幕显示比例不对,怎么调整?
用Vant3写页面时,按钮和输入框在iPhone 13上显示正常,但到华为nova9上突然变小了一半,搞不懂为啥? 已经按文档设置了viewport和Config { standalone: true...
组件 2026-01-31 23:13:24 -
2
回答
96浏览
Vue中使用Three.js加载GLB模型时,为什么旋转后模型位置错乱?
在Vue组件里用Three.js加载GLB模型,旋转相机时模型位置突然偏移到角落了,之前在纯HTML环境没问题,现在改成Vue组件后就出问题了 代码结构是这样的:<template> &l...
组件 2026-01-31 20:57:29