Vue3+TS+Element Plus+el-input 输入框聚焦
·
代码示例:
<script setup lang="ts" name="QualityFileInfoDialog">
......
// 文件编号输入框实例
const fileNoInputRef = ref<HTMLInputElement | null>(null);
// 检查
const check = () => {
if (!qualityFileObj.value.fileNo) {
ElMessage.warning("文件编号不能为空!");
// 文件编号输入框聚焦
fileNoInputRef.value?.focus();
return false;
}
if (!qualityFileObj.value.fileName) {
ElMessage.warning("文件名称不能为空!");
// 文件名称输入框聚焦
document.getElementById("input-filename")?.focus();
return false;
}
return true;
};
......
</script>
<template>
......
<el-input ref="fileNoInputRef" v-model="qualityFileObj.fileNo" clearable :disabled="!props.isNew" />
......
<el-input id="input-filename" v-model="qualityFileObj.fileName" clearable />
......
</template>
更多推荐


所有评论(0)