在vue.js中设置el输入和el选择行数组元素的焦点？

<template>
  <div>
    <el-input ref="inputRef" placeholder="请输入内容"></el-input>
    <el-select ref="selectRef" placeholder="请选择">
      <el-option label="选项1" value="1"></el-option>
      <el-option label="选项2" value="2"></el-option>
    </el-select>
  </div>
</template>

<script>
import { onMounted, ref } from 'vue';

export default {
  setup() {
    const inputRef = ref(null);
    const selectRef = ref(null);

    onMounted(() => {
      if (inputRef.value) {
        inputRef.value.focus();
      }
      if (selectRef.value) {
        // el-select没有直接的focus方法，可以通过触发点击事件来聚焦
        selectRef.value.$el.querySelector('input').focus();
      }
    });

    return {
      inputRef,
      selectRef
    };
  }
};
</script>