功能

给组件配置全局默认参数

目前支持的组件有：button

功能示例

展示区
展示区

最小示例

<template>
    <Wrapper>
        <HConfigProvider :button="buttonConfig">
            <HButton type="warning" @click="handleClick">删除</HButton>
            <HButton type="warning" @click="handleClick">删除</HButton>
        </HConfigProvider>
    </Wrapper>
</template>

<script lang="ts" setup>
import { ElMessage } from 'element-plus'
import Wrapper from '@/components/simple-wrapper.vue'
import HButton from '@/components/button/index.vue'
import HConfigProvider from '../index.vue'

const buttonConfig = {
    confirmInfo: {
        title: '请注意',
        confirmButtonText: '确认删除',
        msg: '这是不可恢复的操作<br>您确认要删除这条数据吗？',
    },
}

const handleClick = () => {
    ElMessage({ message: '删除成功', type: 'success' })
}
</script>

API

参数