vue3---inputRef.value.focus()报错Cannot read properties of null (reading ‘focus‘)

错误解释：

这个错误通常意味着在尝试调用 inputRef.value.focus() 时，inputRef.value 是 null 或 undefined。在 Vue 3 中，如果你尝试获取一个尚未挂载的组件的引用，或者在组件卸载后尝试调用 focus() 方法，都可能发生这种情况。

解决方法：

1. 确保在组件已经挂载之后调用 focus() 方法。可以在 onMounted 钩子中调用它：

import { onMounted, ref } from 'vue';
 
export default {
  setup() {
    const inputRef = ref(null);
 
    onMounted(() => {
      if (inputRef.value) {
        inputRef.value.focus();
      }
    });
 
    return { inputRef };
  }
};

2. 如果是在组件卸载后调用了 focus()，确保不在组件销毁之前调用，或者在销毁之前添加检查：

onBeforeUnmount(() => {
  if (inputRef.value) {
    inputRef.value.removeEventListener('focus', yourFocusHandler);
  }
});

3. 如果是在某些条件渲染的组件中，确保在触发 focus() 前，相关的 DOM 元素已经渲染完毕。
4. 使用 nextTick 函数（来自 vue）可以确保在下一个 DOM 更新循环结束后调用：

import { nextTick } from 'vue';
 
nextTick(() => {
  if (inputRef.value) {
    inputRef.value.focus();
  }
});

确保在调用 focus() 方法之前，inputRef.value 已经被正确赋值并且指向了 input 元素。