Button 按钮

基础用法

基础的按钮用法。

<template>
  <div>
    <plv-button>默认按钮</plv-button>
    <plv-button type="operate">操作按钮</plv-button>
    <plv-button type="delete">删除按钮</plv-button>
    <plv-button type="cancel">取消按钮</plv-button>
  </div>
</template>

显示代码

禁用状态

<template>
  <div>
    <plv-button disabled>默认按钮</plv-button>
    <plv-button type="operate" disabled>操作按钮</plv-button>
    <plv-button type="delete" disabled>删除按钮</plv-button>
    <plv-button type="cancel" disabled>取消按钮</plv-button>
  </div>
</template>

显示代码

按钮尺寸

<template>
  <div>
    <plv-button>默认</plv-button>
    <plv-button size="medium">中型</plv-button>
    <plv-button size="small">小型</plv-button>
  </div>
</template>

显示代码

链接式按钮

<template>
  <div>
    <plv-button>默认</plv-button>
    <plv-button size="medium">中型</plv-button>
    <plv-button size="small">小型</plv-button>
  </div>
</template>

显示代码

Attributes

参数	说明	类型	可选值	默认值
value	按钮文案	String	-	-
size	尺寸	String	medium small	-
type	类型	String	operate delete cancel	-
disabled	是否禁用状态	Boolean	-	false
linkBtn	是否为链接式的按钮	Boolean	-	false

Slot

name	说明
—	按钮文案，优先级高于参数value