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;
}
相关推荐
家里有只小肥猫15 分钟前
uniApp小程序保存canvas图片
前端·小程序·uni-app
前端大全17 分钟前
Chrome 推出全新的 DOM API,彻底革新 DOM 操作!
前端·chrome
前端小臻1 小时前
关于css中bfc的理解
前端·css·bfc
白嫖不白嫖1 小时前
网页版的俄罗斯方块
前端·javascript·css
HappyAcmen1 小时前
关于Flutter前端面试题及其答案解析
前端·flutter
顾比魁1 小时前
pikachu之CSRF防御:给你的请求加上“网络身份证”
前端·网络·网络安全·csrf
林的快手1 小时前
CSS文本属性
前端·javascript·css·chrome·node.js·css3·html5
肥肠可耐的西西公主2 小时前
前端(AJAX)学习笔记(CLASS 2):图书管理案例以及图片上传
前端·笔记·学习
大胖丫2 小时前
vue 学习-vite api.js
开发语言·前端·javascript
孙桂月2 小时前
ES6相关操作(2)
前端·javascript·es6