大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

使用vue怎么实现一个按钮组件

今天就跟大家聊聊有关使用vue怎么实现一个按钮组件,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

创新互联建站长期为1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为吴中企业提供专业的网站制作、成都网站设计吴中网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。

解决思路:

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

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

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

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




.confirm {
 border: none;
 color: #fff;
 width: 100%;
 padding: 1rem 0;
 border-radius: 4px;
 font-size: 1.6rem;
 background: #5da1fd;
 &:focus {
  outline: none;
 }
}

在页面中调用:


看完上述内容,你们对使用vue怎么实现一个按钮组件有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


分享文章:使用vue怎么实现一个按钮组件
URL分享:http://dzwzjz.com/article/ggepos.html
在线咨询
服务热线
服务热线:028-86922220
TOP