美文网首页
ElementPlus里的类型别名声明及使用

ElementPlus里的类型别名声明及使用

作者: 天策上将记录学习的地方 | 来源:发表于2022-02-28 17:49 被阅读0次

el-scrollbar

<el-scrollbar ref="scrollbarRef"></el-scrollbar>
import type { ElScrollbar } from 'element-plus';
const scrollbarRef = ref<InstanceType<typeof ElScrollbar>>();
scrollbarRef.value!.setScrollTop(value)

el-form

<el-form ref="ruleFormRef"></el-form>
import type { ElForm } from 'element-plus';
type FormInstance = InstanceType<typeof ElForm>;
const ruleFormRef = ref<FormInstance>();
ruleFormRef.value!.resetFields();

el-table

<el-table ref="multipleTable"></el-table>
import type { ElTable } from "element-plus";
const multipleTable = ref<InstanceType<typeof ElTable>>();
multipleTable.value!.clearSelection();

el-input

import type { ElInput } from "element-plus";

从上面可已看出,当使用ts开发element-plus项目时,遇到需要使用ref的情况时,想要用到组件自身的方法
例如表单的校验时:

ruleFormRef.value!.validate();

完全可以使用element-plus组件自带的类型别名绑定ref来调用组件自身的方法,且不会出错。
而其类型则是类似以下这种格式的,图为引入element-plus单组件的文字。

ElScrollbar: typeof import('element-plus/es')['ElScrollbar']

相关文章

  • ElementPlus里的类型别名声明及使用

    el-scrollbar el-form el-table el-input 从上面可已看出,当使用ts开发ele...

  • Swift 基础语法

    常量和变量的声明 多个变量同时声明 显示指定变量类型 字符串插值打印法 类型转换的使用 别名的使用 Bool类型的...

  • 003 类型别名

    传统的定义别名的方法是使用关键字 typedef 新标准规定了一种新的方法,使用 别名声明 来定义类型的别名: 使...

  • go语言与C++细节上的一些差异

    类型声明和类型别名的区别 C++: C++中声明新类型,只能使用 类 或 结构体 的形式。例如在源文件a.cpp中...

  • TypeScript(八):类型别名和类型断言

    类型别名,使用 type 关键字 上面 sum2 函数类型定义很麻烦,可以使用类型别名: 类型别名,最常用的是使用...

  • 01_GO语言中级学习之类型(type)

    类型别名与类型定义 类型别名 以下代码使用的就是类型别名,例码: 类型定义 以下代码使用的就是类型定义,例码: 两...

  • swift语法基础<二>

    变量和常量的声明 常量的声明,就是将var换成let 数据类型 类型别名 元组 可选类型 强制解析: 可选绑定: ...

  • GO42

    1. 自定义类型和类型别名 自定义类型 这里IZ就是完全是一种新类型,然后我们可以使用下面的方式声明变量: 类型转...

  • 每天学一点 Kotlin -- 对象进阶:类型别名

    1. 类型别名 1.1 类型别名:使用关键字 typealias 进行定义,具体格式如下: 1.2 类型设定别名和...

  • typedef

    别名 typedef 声明,简称 typedef,为现有类型创建一个新的名字,或称为类型别名,在结构体定义,还有一...

网友评论

      本文标题:ElementPlus里的类型别名声明及使用

      本文链接:https://www.haomeiwen.com/subject/vvnlrrtx.html