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