组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
2
回答
51浏览
Material-UI的Checkbox选中状态怎么无法更新？
我在用Material-UI的Checkbox做表单时遇到问题，选中状态明明更新了，但勾选框的显示一直没变化。之前按文档用了useState存数组，但点击其他选项时之前选中的会莫名取消。 代码像这样写...
-
2
回答
68浏览
iView的Poptip气泡提示内容被截断，怎么调整样式？
我在用iView的Poptip做表单校验提示，内容超过两行会被截断显示省略号。试过给.content样式加overflow:hidden和text-overflow:clip，但没生效。 .ivu-p...
-
2
回答
101浏览
Naive UI Upload上传组件如何自定义上传前文件验证？
在用Naive UI的Upload组件做图片上传时，想在上传前同时验证文件类型和大小，但按照文档写before-upload方法后，虽然能阻止上传却没提示错误信息，这是怎么回事？ 我试过这样写代码：b...
-
2
回答
76浏览
Vue组件插槽和默认内容同时存在时怎么设计才合理？
我在做可复用的卡片组件时遇到个困惑，想让组件既能显示默认内容，又能被用户自定义覆盖。比如这样写： <template> <div class="card">...
-
2
回答
74浏览
React中的Rate评分组件动态更新后星星不重置怎么办？
我在用Ant Design的Rate组件做商品评分功能，点击按钮动态修改评分值后，星星没有重新渲染。比如初始值是3分，改成5分后星星确实变满了，但这时候手动点击星星选2分，再重新调用setState改...
-
2
回答
73浏览
为什么Material-UI按钮的CSS样式完全没生效？
我在用Material-UI的Button组件时，自己写的CSS样式完全没效果，按钮还是默认的蓝色。尝试过加!important也不行... 场景是想让按钮背景变成红色，文字白色。写了个类这样： .m...
-
2
回答
71浏览
使用Affix固定侧边栏时，为什么bottom距离不生效？
在用Element UI的Affix组件固定侧边栏时，设置了bottom="20"，但滚动到页面底部后侧边栏还是贴着底边，没有保持距离。之前用top属性没问题，这该怎么调试啊？ 我试过在组件里加了st...
-
2
回答
219浏览
Mobile First布局中侧边栏在桌面端也隐藏了怎么办？
我在用Mobile First原则设计布局时遇到问题，侧边栏在移动端应该隐藏，桌面端显示。但按下面的代码写完后，侧边栏在桌面端也消失了，这是为什么？ .sidebar { display: none;...
-
2
回答
61浏览
条形码图片在移动端显示模糊怎么解决？
用vue-barcode组件生成条形码后，PC上看挺清楚的，但手机上就模糊了，试过给图片加max-width: 100%和height: auto也不行，这是为什么啊？ 代码是这样写的： <te...
-
2
回答
76浏览
React地图组件缩放时标记位置错位怎么解决？
在用Mapbox GL JS做React地图组件时，发现当用户缩放或拖动地图后，标记点的位置会和实际坐标偏移。我尝试用useState保存中心坐标，但更新状态后标记还是不对： <div> ...
-
1
回答
73浏览
Space组件最后一行如何保持右对齐？
在用Ant Design的Space组件渲染动态项时，最后一行总被挤到左对齐，我设置了align="end"也不行，但官方文档显示应该有效，这是为什么呢？ 我的代码是这样写的： {items.map(...
-
2
回答
54浏览
Bootstrap警告框关闭按钮点击无效怎么办？
我用Bootstrap的alert组件加了关闭按钮，但点击叉号没反应。代码照文档写的，样式倒是正常显示： <div class="alert alert-warning alert-d...
-
2
回答
51浏览
TagInput删除标签后输入框失去焦点怎么办？
我在实现TagInput组件时遇到了个奇怪的问题，每次删除标签后输入框就会自动失去焦点，用户体验特别差。 我尝试用ref在删除方法里手动调用focus()，但好像时机不对？比如这样写： handleD...
-
2
回答
95浏览
Vant主题变量修改后颜色不生效怎么办？
我在用Vant组件库开发项目时，按照文档尝试自定义主题颜色，但修改了变量后页面颜色没变化。具体是这样操作的：在less文件里添加了@button-default-bg: #ff0000;，但按钮还是原...
-
2
回答
480浏览
Modal对话框点击外部区域无法关闭是怎么回事？
我在用Ant Design的Modal组件做表单弹窗时遇到了问题。按照文档设置了maskClosable={true}，但点击遮罩层完全没反应，只能通过取消按钮关闭。我尝试过手动监听document....
-
2
回答
94浏览
ant design steps步骤条current值改变后不更新怎么办？
在用Ant Design的Steps做注册流程时遇到个问题，我设置了current通过状态控制，但点击下一步按钮后current值虽然变了，步骤条却不跟着更新。已经试过用setState更新状态，也确...
-
2
回答
51浏览
导航栏固定后内容被遮挡，滚动条还变宽了怎么办？
在做导航栏固定顶部时用了position: fixed，但下面的内容被导航栏遮住了。试过给body加padding-top，但滚动条突然变宽了，页面还出现横向滚动？ 用Tailwind的sticky ...
-
2
回答
151浏览
Arco Design的Message消息为什么无法在Vue3项目中显示？
在Vue3项目里用Arco Design的Message组件，按照文档写完代码后点击按钮完全没反应，控制台也没有报错。之前已经通过npm安装了@arco-design/web-vue，也在main.t...
-
2
回答
54浏览
TDesign对话框关闭后表单内容未重置怎么办？
用TDesign的Dialog做表单弹窗时遇到个问题，每次关闭对话框再打开，之前填写的内容还在，怎么都清不掉... 我这样写的：在setup里用ref存表单值，关闭时手动设为空了啊： const di...
-
2
回答
121浏览
BackTop组件点击后页面跳到顶部但位置偏移怎么办？
在用Ant Design的BackTop组件时，点击后页面跳到顶部但总比预期位置低20px，调整了target属性也不行，是什么原因？ 场景是给有padding-top的容器滚动时触发BackTop，...
