代码示例:

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

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐