BaseButton 按钮
使用场景
- 普通按钮点击后执行一个
promise
,这段时间按钮是锁住的,可以拦截onClick
事件,判断是异步
等待请求结果把锁放开 - 表格中操作按钮,现在是弱提示,结合
popconfirm
之后再执行
默认注入tdesign
组件, 也可以注入成其他UI组件库
ts
import { type Component, ref } from 'vue';
import { Button, Popconfirm } from 'tdesign-vue-next';
export const componentMap: Record<string, Component> = {
Button,
Popconfirm,
};
export const registerBaseButtonComponent = (
name: string,
component: Component
) => {
componentMap[name] = component;
};
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
Demo
API
参数 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
confirm | 提示文案 | string | - | |
onClick | 点击事件, 如果是 confirm 代替 onConfirm | (e: Event) => promise<void> | - |