vue 开发一个按钮组件的示例代码

vue 开发一个按钮组件的示例代码

最近面试，被问到一个题目，vue做一个按钮组件；

当时只是说了一下思路，回来就附上代码。

解决思路：

通过父子组件通讯（$refs 和 props）

props接受参数, $refs调用子组件的方法

来达到点击提交改变按钮状态，如果不成功则取消按钮状态

在src/components/ 下建一个button.vue

@confirm="confirm"

ref="btn"

>

</div>

在这里，要注意一些细节：

1. button组件形成之后和其它div元素的间距，如果是在组件内定死是很难复用的。

2. 在复用的时候，在父组件中是改变不了子组件的样式的，如果要强制更改，单独写一个并去掉scoped。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。