Ts声明ElementUI控件

初用Ts,有时候想获取三方控件不太会声明类型,记录一下使用InstanceType导入类型

例如声明一个el-select

html 复制代码
<el-form-item label="类型:" prop="year" :loading="state.loading">
       <el-select v-model="props.ruleForm.version" class="m-2" placeholder="请选择类型" @change="change" ref="versionSelectRef">
             <el-option v-for="item in versions" :key="item.id" :label="item.name" :value="item.id"></el-option>
       </el-select>
</el-form-item>
typescript 复制代码
const versionSelectRef = ref<InstanceType<typeof ElSelect>>();
//获取下拉框的label
const changeYear = async () => {
	props.ruleForm.versionName = versionSelectRef.value?.selectedLabel;
}
相关推荐
二狗哈7 分钟前
Cesium快速入门22:fabric自定义着色器
运维·开发语言·前端·webgl·fabric·cesium·着色器
计算衎7 分钟前
FastAPI后端和VUE前端的数据交互原理详解
前端·vue.js·fastapi
黑岚樱梦8 分钟前
Linux系统编程
java·开发语言·前端
xrl20129 分钟前
ruoyi-vue2前端集成DMN规则引擎
前端·规则引擎·工作流·dmn
转转技术团队10 分钟前
前端工程化实践:打包工具的选择与思考
前端·javascript·webpack
前端郭德纲18 分钟前
React 19.2 已发布,现已上线 npm!
前端·react.js·npm
哆啦A梦158818 分钟前
商城后台管理系统 03 规格参数配置
javascript·vue.js·elementui
知其然亦知其所以然22 分钟前
JavaScript 变量的江湖恩怨:一篇文章彻底讲清楚
前端·javascript·面试
小番茄夫斯基24 分钟前
使用 pnpm + Workspaces 构建 Monorepo 的完整指南
前端·javascript·vue.js
翔云 OCR API24 分钟前
API让文档信息“活”起来:通用文档识别接口-开发者文字识别API
前端·数据库·人工智能·mysql·ocr