按钮
Quasar 中的按钮组件叫 QBtn，它还带有一些额外实用的特性。例如：它自带两种样式，默认是矩形，可以设置为圆形，自带涟漪动画（可以禁用）。
自带加载动画，您可以在应用程序需要等待的时候使用，给用户一些关于延迟需要等待的反馈。使用时，当用户点击按钮时，按钮将显示一个旋转的加载动画（加载动画可以自定义）。
当按钮被点击时，会触发它的@click事件，除非它被禁用了。
QBtn API
用法
标准
自定义颜色
加上图标
圆形按钮
自定义内容
不同的外形设计
对齐
大小
内边距
默认的内边距是 “xs md”。 您可以用 padding 这个属性来自定义它的内边距:
加载和进度相关
一些按钮的操作涉及到与服务器通信，因为是异步通信，所以可能会需要一些时间。最好在异步响应准备好之前通知用户正在进行的后台进程，QBtn 提供了一个 Loading 属性可以做到这些。使用这个属性会展示一个加载动画来代替原来的文字和图标。（加载动画默认是通过 QSpinner 组件实现，当然您也可以自定义加载动画）
此外，您还可以额外使用一个percentage 属性在按钮中显示出进度信息：
自定义水波动画
处理导航跳转 updated for v2.4+
UMD usage
- 如果您要使用
to和replace属性，请确保跳转的目标路由已经被您定义在您的项目中了，否则请使用href属性。 - 鉴于上述原因，下面的一些按钮示例不能运行在 Codepen/jsFiddle 中，因为 Codepen/jsFiddle 上的项目没有 vue-router
TIP
如果可以的话，尽量使用Vue Router提供的路由做页面跳转而不是使用href属性，因为使用href您会触发浏览器原生的导航而不是页面内的Vue Router导航，这不符合（spa）单页应用的定义。
对于更复杂的用例，也可以直接使用Vue的原生组件<router-link>包装QBtn，这样也可以达到路由跳转的功能。
其他选项
禁用
控制表单提交
Qbtn 可以作为表单的提交按钮，同时还可以实现按 enter 按键来提交，进度提示，加载动画，阻止重复提交等功能。（只需要在点击时将按钮设置为禁用状态即可实现阻止重复提交）
WARNING
当将类型为 submit 的 QBtn 放置在 QField、QInput 或 QSelect 的插槽之中时，您还应该在它的@click 事件中调用表单的提交方法。这些插槽中的所有点击事件都不会冒泡到它们的父元素。（这段可能翻译的不好，所以把原文留下了了）
When placing a QBtn with type “submit” in one of the “before”, “after”, “prepend”, or “append” slots of a QField, QInput or QSelect, you should also add a @click listener on the QBtn in question. This listener should call the method that submits your form. All “click” events in such slots are not propagated to their parent elements.