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;
}
相关推荐
JunpengHu1 天前
esri-leaflet介绍
前端
zm4351 天前
bpmn.js 自定义绘制流程图节点
前端·bpmn-js
小杨梅君1 天前
探索现代 CSS 色彩:从 HSL 到 OKLCH,打造动态色阶
前端·javascript·css
刺客_Andy1 天前
React 第五十一节 Router中useOutletContext的使用详解及注意事项
前端·javascript·react.js
宁雨桥1 天前
基于 Debian 服务器的前端项目部署完整教程
服务器·前端·debian
JunpengHu1 天前
CSS 滤镜(filter)
前端
时雨__1 天前
uniapp转鸿蒙app内部测试发布过程——踩坑记录
前端·harmonyos
去伪存真1 天前
Android手机不支持文字转语音window.speechSynthesis API,怎么办?
前端
三年三月1 天前
自建HTTPS证书
前端·javascript
木易士心1 天前
如何优化v-if和v-for的性能?
前端·javascript