Button 按钮

基础用法

  • 默认按钮
  • 图标在左
  • 图标在右
  • 加载中状态
  • 不可用状态
  • 按钮组合状态

Attributes

参数 说明 类型 可选值 默认值
icon 按钮类型 String -- --
icon-position 图标位置 String left/right left
loading 加载状态 Boolean -- false
disabled 是否禁用 Boolean -- false

实现的逻辑

  • 样式状态变化:根据在组件传入的内容,通过props拿到添加到class,根据class来变化状态
  • icon位置变化:根据class来设定元素order顺序
  • 校验传参:根据validator校验传入的value值是否符合
  • 在mounted里检测buttonGroup的子元素检测必须为button