自定义组件
本话题发布自定义组件相关的问答文章和技术分享，将持续更新，为您推荐了10篇问答，访问即可查看更多精彩内容。
-
2
回答
30浏览
封装自定义组件时如何透传事件监听器？
我写了个 Vue 的自定义按钮组件，想让父组件能监听 click 事件，但直接在父组件上写 @click 好像没反应。 试过在子组件里用 $emit('click')，但文档说原生事件不能这么透传。那...
-
1
回答
23浏览
自定义组件怎么处理 props 变化才最合理？
我写了个带搜索功能的下拉组件，但父组件传进来的 options 更新后，下拉列表没反应。是不是该用 useEffect 监听 props 啊？ 试过直接在 render 里用 props.option...
-
1
回答
37浏览
自定义按钮组件如何正确支持键盘访问和屏幕阅读器？
我写了个自定义的按钮组件，用div模拟的，但发现Tab键没法聚焦，屏幕阅读器也读不出它是按钮。加了role="button"还是不行，是不是还缺啥？ 下面是我现在的代码： <div role="...
-
2
回答
33浏览
自定义Vue组件的单元测试怎么写才不会报错？
我用 Vue 3 写了个带 props 和 emit 的自定义组件，想用 Vitest + Vue Test Utils 测试它，但一跑测试就报错说找不到组件实例。 我试过这样写测试： import ...
-
2
回答
75浏览
在Vue组件单元测试中如何验证自定义事件触发次数？
我在测试一个带计数功能的按钮组件时，发现用Vue Test Utils的$emit无法正确验证事件触发次数。组件点击后会连续触发两次自定义事件，但测试总是显示调用次数为0： // CounterBut...
-
2
回答
54浏览
动态导入组件后样式没生效怎么办？
我在用React做按需加载时遇到了问题，用React.lazy动态导入的组件样式没生效。比如这个简单的CSS： .grid-container { display: grid; grid-templa...
-
2
回答
76浏览
Vue组件插槽和默认内容同时存在时怎么设计才合理？
我在做可复用的卡片组件时遇到个困惑，想让组件既能显示默认内容，又能被用户自定义覆盖。比如这样写： <template> <div class="card">...
-
2
回答
106浏览
自定义组件的props默认值和校验应该如何正确设置？
最近在写一个复用性较高的表单组件，但发现当父组件忘记传入required字段时，组件会报错。虽然设置了defaultProps，但有时候还是会失效，比如在动态生成组件时默认值没生效。 尝试过这样写： ...
-
2
回答
50浏览
自定义按钮组件的屏幕阅读器读的是图标而不是文本怎么办？
我在用Vue写一个带图标的按钮组件，结构是这样：<button><span>删除</span><svg>...</svg></butt...
-
2
回答
102浏览
为什么自定义组件的prop默认值没有生效？
我在用React写一个带输入框的组件，定义了defaultValue="123"的prop，但实际渲染时输入框是空的。按照文档设置了defaultProps，但好像没起作用... 代码是这样的： im...
