el-dialog中包含el-form和el-table在form中输入某个值，然后滚轮跳转到table的当前所在位置并且高亮

在`el-dialog`（Element UI 的弹窗组件）中，如果嵌套了 `el-form` 和 `el-table` 并想实现在表单中输入数据后，通过滚动自动定位到对应的表格行并高亮显示，你需要做以下几个步骤：

1. 首先，在 `el-form` 中添加一个事件监听器，比如 `@keyup.enter.native` 或者 `@change`，当用户输入并提交或选择了一个值时，触发这个事件。

<el-form :model="formData" @input="handleInput">
  <!-- 表单内容 -->
</el-form>

2. 定义一个方法 `handleInput`，在这个方法里获取到用户输入的数据，并将其关联到表格的数据源上。例如，假设表格的数据是 `tableData`，你可以使用索引来查找对应项。

methods: {
  handleInput(value) {
    const index = this.tableData.findIndex(item => item.key === value); // 假设 key 是表格的唯一标识字段
    if (index !== -1) {
      this.$refs.table.setCurrentRow(index);
      // 如果需要高亮，可以在 table 上设置一个方法来操作选中样式
      this.highlightRow(index);
    }
  },
}

3. 创建或更新 `el-table` 组件，并绑定 `currentRow` 属性，以便在焦点变化时调整视图。

<el-table ref="table" :data="tableData" :current-row.sync="currentRow">
  <!-- 表格列 -->
</el-table>

4. 如果需要对某一行进行高亮处理，可以定义一个如下的 `highlightRow` 方法：

methods: {
  highlightRow(index) {
    this.$nextTick(() => {
      const rows = this.$refs.table.getRows();
      rows[index].$el.classList.add('highlight'); // 假设 'highlight' 是自定义的CSS类名
    });
  },
},

这会在渲染完成后添加高亮样式。记得在 CSS 文件中为 `.highlight` 添加相应的样式。