您好,欢迎来到赴品旅游。
搜索
您的当前位置:首页vue做一个按钮组件

vue做一个按钮组件

来源:赴品旅游

这次给大家带来vue做一个按钮组件,vue做一个按钮组件的注意事项有哪些,下面就是实战案例,一起来看一下。

解决思路:

  1. 通过父子组件通讯($refs 和 props)

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

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

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

在页面中调用:


在这里,要注意一些细节:

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

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

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读

小程序开发分享页面后返回首页

使用el表达式非空判断

Copyright © 2019- fupindai.com 版权所有 赣ICP备2024042792号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务