el-table 内嵌 input 调用 focus 方法无效_focus() 失效

<template>
  <div>
    <h4>el-table 内嵌 input 调用 focus 方法无效</h4>
    <h4>
      <el-table>
        <el-table-column label="名称">
          <template>
            <el-input ref="inputRef" id="inputRef" />
          </template>
        </el-table-column>
      </el-table>
    </h4>
  </div>
</template>
<script>
export default {
  components: {},
  props: {},
  data() {
    return {};
  },
  mounted() {},
  methods: {
    getSumreduce() {
      //refs都无效
      // this.$refs["inputRef"].focus();
      // this.$refs["inputRef"][0].focus();
      // this.$refs["inputRef"].$el.children[0].focus();
      //必须使用id
      document.getElementById("inputRef").focus();
    },
  },
};
</script>
 
<style scoped lang="scss"></style>
 
<style></style>