vue-devui
vue-devui copied to clipboard
🐛 [Bug]: Button组件问题
Version
v1.0.0-beta.12
Vue Version
3.1.1
Link to minimal reproduction
https://vue-devui.github.io/components/button/
Step to reproduce
-
button组件鼠标移上显示"手势",好像没有在组件内部设置,而是通过网站的button标签设置后生效的。
-
success和warning类型的按钮,文字颜色是黑色。
-
事件应该是通过
emit触发的吧?通过props传入回调函数有点奇怪呢? 而且,事件名字是不是叫click更好些呢?
What is expected
- 鼠标移上显示“手势”,在组件内部设置。
-
success和warning类型的按钮,文字颜色应该是白色。
What is actually happening
No response
Any additional comments (optional)
No response
问题1:button 标签本身自带 cursor: pointer,所以当时也没想那么多。
问题2:该类型的文本颜色以及hover后的颜色,需要 kagol 与 devui 的设计师团队沟通讨论后得出。
问题3:vue3 的事件触发机制有两种,emit 和 function prop,在模板中, @click 等价于 onClick。通过 props 传入回调参数没什么奇怪的,ng,React 都是这样设计,Vue 当然也可以。