组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
1
回答
45浏览
时间线组件动态数据加载后步骤点顺序错乱怎么办？
我在用Vue做时间线组件时遇到问题，当从接口动态获取steps数据后，时间线的步骤点显示顺序总是和数组顺序相反。比如数据是[步骤1,步骤2,步骤3]，但页面上显示成3-2-1排列。 我尝试在CSS里给...
-
2
回答
81浏览
Vant NavBar左侧箭头点击后为什么会触发两次返回？
用Vant的NavBar组件时，左侧箭头@click绑定了自定义返回方法，但点击时发现控制台打印了两次log，实际也执行了两次跳转。我检查了代码没找到重复绑定，这是什么情况啊？ 代码这样写的：<...
-
2
回答
71浏览
Material-UI的Select默认选项不显示还报错怎么办？
我在用Material-UI的Select组件时设置了defaultValue，但页面显示为空，控制台还报错说"Warning: A component is changing the uncontr...
-
2
回答
49浏览
Vant的Search组件为什么在输入框聚焦时页面突然跳动？
在用Vant的Search组件做顶部搜索栏时，每次点击输入框聚焦，整个页面会突然跳动一下，特别是在移动端测试特别明显。试过给外层加position: fixed和调整padding-top，但还是会出...
-
2
回答
55浏览
Tiptap插入内容后光标跳到末尾怎么解决？
我在用Tiptap做评论区编辑器时遇到个问题，每次通过按钮插入时间戳后光标都会跳到最后，导致用户继续输入很不方便。试过在插入代码里加editor.chain().focus()但好像没用，控制台还报错...
-
2
回答
86浏览
分页组件的页码按钮为什么无法水平居中？
我在用Flex布局做分页组件时，页码按钮总往左偏，明明设置了容器的display: flex和justify-content: center，但实际显示还是左对齐的。我试过加margin: auto也...
-
2
回答
243浏览
Bootstrap响应式工具在移动端显示异常怎么办？
用Bootstrap的响应式列布局时，在手机端两列总是挤在一起不换行，明明加了col-sm-6啊。 我按照文档写了这样的代码： <div class="container"&...
-
2
回答
62浏览
TinyMCE在React中内容变化时无法触发onChange更新状态？
我在React项目里用TinyMCE编辑器，想把编辑内容同步到组件状态里。按照文档写了onChange回调，但修改内容时控制台没输出，状态也没更新，这是为什么呢？ 代码是这样写的： import { ...
-
2
回答
79浏览
Ant Design的DatePicker在移动端弹窗被截断怎么办？
用Antd的DatePicker时，在移动端浏览器里选日期，弹窗总被底部截断显示不全。试过给弹窗加overflow: visible和调整transform位置都不行，求解 代码是这样写的：<a...
-
2
回答
80浏览
Vant的Tab标签页怎么设置切换内容不生效？
我用Vant的Tab组件做页面切换，但点击标签时内容区域没变化，只有第一个页面显示。已经绑定了active属性，代码检查了好几遍也没发现问题： <van-tabs v-model:active=...
-
2
回答
103浏览
UIkit的Toggle切换器点击后无法触发事件怎么办？
我用UIkit的Toggle组件做开关，按文档写好了HTML结构，但点击切换时事件完全没反应。试过用onchange和click事件都试过了，控制台也没报错，就是不执行回调函数... 代码是这样的：&...
-
2
回答
68浏览
Arco Tabs切换标签页后子组件状态会丢失怎么办？
大家好，我在用Arco Design的Tabs组件时遇到个问题：当切换标签页再切回来，里面的表单输入内容就清空了。我看了文档试过设置forceRender和keepAlive属性，但好像没起作用。 这...
-
2
回答
40浏览
Spin加载组件在Vue3中为什么无法自动隐藏？
在用Ant Design Vue的Spin组件时遇到了奇怪的问题。当我发起API请求时显示加载状态没问题，但请求成功后设置loading为false，旋转图标却一直不消失。我确认后端接口确实返回了数据...
-
2
回答
58浏览
Ant Design的Message提示怎么设置固定位置不自动消失？
我在用Ant Design的Message做表单提交反馈时遇到了问题，想让成功提示固定在右下角不自动消失。按照文档设置了duration: 0，但提示还是居中显示，位置参数好像没生效。我试过在组件外层...
-
2
回答
72浏览
列表项数据更新后界面没变化怎么办
我在用Vue做列表渲染时遇到个怪问题。用v-for循环渲染商品列表，当修改某个商品的库存数据后界面没更新，但控制台打印数据已经变了。试过用this.items = [...this.items]强制更...
-
2
回答
56浏览
动态导入组件后样式没生效怎么办？
我在用React做按需加载时遇到了问题，用React.lazy动态导入的组件样式没生效。比如这个简单的CSS： .grid-container { display: grid; grid-templa...
-
2
回答
66浏览
Draft.js自定义块渲染时样式丢失怎么办？
在用Draft.js自定义块渲染器时，给代码块添加的CSS样式完全没生效，页面上还是默认的样式。已经按照文档写了blockRendererFn： const blockRenderer = (bloc...
-
2
回答
69浏览
Empty组件在不同页面复用时样式怎么统一？
最近在项目里做空状态组件复用，但发现不同页面的Empty组件样式总变样。比如列表页用max-width: 400px限制了宽度，但搜索页的Empty直接撑满整个容器，文字间距也变大了 尝试把样式写在组...
-
2
回答
78浏览
Vant的Image组件图片路径正确但无法显示，如何解决？
在Vue项目里用Vant的Image组件，图片路径写对了但页面就是不显示，到底是哪里出问题了？ 代码是这样写的： <template> <van-image :src="i...
-
2
回答
67浏览
Arco Form表单项标签宽度设置后对齐失效怎么办？
用Arco的Form组件做登录表单时，想让所有表单项标签保持统一宽度，按照文档写了这样的CSS： .arco-form-item-label { width: 8em !important; } 但实...
