Ts声明ElementUI控件

最新推荐文章于 2024-06-19 16:30:37 发布

菜鸟记录

最新推荐文章于 2024-06-19 16:30:37 发布

阅读量623

点赞数 8

文章标签： elementui 前端 typescript

本文链接：https://blog.csdn.net/qinweiwen/article/details/135196696

版权

初用Ts，有时候想获取三方控件不太会声明类型，记录一下使用InstanceType导入类型
例如声明一个el-select

<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>

const versionSelectRef = ref<InstanceType<typeof ElSelect>>();
//获取下拉框的label
const changeYear = async () => {
	props.ruleForm.versionName = versionSelectRef.value?.selectedLabel;
}