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;
}
相关推荐
前端工作日常16 小时前
我学习到的A2UI的功能:纯粹的UI生成
前端
Jing_Rainbow16 小时前
【 前端三剑客-37 /Lesson61(2025-12-09)】JavaScript 内存机制与执行原理详解🧠
前端·javascript·程序员
UIUV17 小时前
模块化CSS学习笔记:从作用域问题到实战解决方案
前端·javascript·react.js
aoi17 小时前
解决 Vue 2 大数据量表单首次交互卡顿 10s 的性能问题
前端·vue.js
Kakarotto17 小时前
使用ThreeJS绘制东方明珠塔模型
前端·javascript·vue.js
donecoding17 小时前
TypeScript `satisfies` 的核心价值:两个例子讲清楚
前端·javascript
德育处主任17 小时前
『NAS』在群晖部署一个文件加密工具-hat.sh
前端·算法·docker
cup11317 小时前
【原生 JS】支持加密的浏览器端 BYOK AI SDK,助力 Vibe Coding
前端
用户120391129472617 小时前
使用 Tailwind CSS 构建现代登录页面:从 Vite 配置到 React 交互细节
前端·javascript·react.js
杨进军17 小时前
模拟 Taro 实现编译多端样式文件
前端·taro