GButton 按钮

常用的操作按钮。

基础用法

所有属性都继承自element-plus

<template>
  <div>
    <g-button type="primary">primary</g-button>
    <g-button type="success">success</g-button>
    <g-button type="danger">danger</g-button>
    <g-button type="default">default</g-button>
    <g-button type="info">info</g-button>
    <g-button type="warning">warning</g-button>
    <g-button link type="primary">link</g-button>
  </div>
</template>

<script setup lang="ts">
import { GButton } from 'gao-components-plus'
</script>

<style lang="scss" scoped>

</style>

处理点击事件

当点击事件return一个promise时，按钮会自动启用加载中

<template>
  <div>
    <g-button type="primary" @click="handleClick">点击</g-button>
  </div>
</template>

<script setup lang="ts">
import { GButton } from 'gao-components-plus'

function handleClick() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(true)  
    }, 2000);
  })
}

</script>

<style lang="scss" scoped>

</style>