Button 按钮

常用的操作按钮

基础用法

使用 type、plain、round 和 circle 来定义按钮的样式。

type

plain

<template>
  <Button>hello</Button>
  <Button loading>Loading</Button>
  <Button plain>plain</Button>
  <Button round>round</Button>
  <Button circle>圆</Button>
  <Button icon="home">Home</Button>
  <Button autofocus>自动聚焦</Button>

  <h2>type</h2>
  <Button type="default">default</Button>
  <Button type="primary">Primary</Button>
  <Button type="danger">Danger</Button>
  <Button type="success">Success</Button>
  <Button type="info">Info</Button>

  <h2>plain</h2>
  <Button plain type="default">default</Button>
  <Button plain type="primary">Primary</Button>
  <Button plain type="danger">Danger</Button>
  <Button plain type="success">Success</Button>
  <Button plain type="info">Info</Button>
</template>
<script setup>
import Button from '@/components/Button/Button.vue'
</script>

Button Attributes

键名	描述	类型	默认值
size	大小	large、small、normal	normal
type	类型	primary、success、warning、danger、info	-
plain	是否为空心	boolean	false
round	是否有圆角	boolean	false
circle	圆形按钮	boolean	false
loading	等待	boolean	false
disabled	禁用	boolean	false
icon	加图标	string	-
autofocus	原生自动聚焦	boolean	false
nativeType	原生属性	enum: button、submit、reset	button