vue3 element Plus全局组件类型声明
时间: 2023-08-02 14:05:03 浏览: 523
以下是Vue3 Element Plus中常用全局组件的类型声明:
```typescript
// ElButton
import { ElButton } from 'element-plus'
declare module '@vue/runtime-core' {
export interface ComponentCustomProperties {
$ELEMENT: {
size: string
zIndex: number
}
}
}
// ElInput
import { ElInput } from 'element-plus'
declare module '@vue/runtime-core' {
export interface ComponentCustomProperties {
$ELEMENT: {
size: string
zIndex: number
input: {
suffixIconClass: string
prefixIconClass: string
}
}
}
}
// ElSelect
import { ElSelect } from 'element-plus'
declare module '@vue/runtime-core' {
export interface ComponentCustomProperties {
$ELEMENT: {
size: string
zIndex: number
select: {
arrowIconClass: string
collapseTag: boolean
}
}
}
}
// ElTable
import { ElTable } from 'element-plus'
declare module '@vue/runtime-core' {
export interface ComponentCustomProperties {
$ELEMENT: {
size: string
zIndex: number
table: {
highlightCurrentRow: boolean
stripe: boolean
border: boolean
}
}
}
}
```
需要注意的是,这里使用了 TypeScript 进行类型声明。如果你使用的是 JavaScript,那么可以将类型声明去掉。
阅读全文