elementplus form 表单tab键会影响codemirror的tab，怎么处理

Element Plus是一个Vue 3的UI组件库，其中的Form组件默认可能会与CodeMirror这样的富文本编辑器集成，导致使用Tab键时出现问题。当在表单内聚焦到CodeMirror区域，Tab键的行为可能不符合预期，比如会切换表单字段而不是缩进代码。

要解决这个问题，你可以采取以下几种策略：

1. **禁用表单元素的自动Tab管理**：在Form表单内，找到包含CodeMirror的`el-input`或者其他对应元素，并设置`@keydown`事件监听器，针对Tab键专门处理。例如：

   <template>
     <el-form :key="formKey" @keydown.stop.prevent="handleTab">
       <!-- ... -->
       <el-code-editor ref="codeEditor"></el-code-editor>
       <!-- ... -->
     </el-form>
   </template>

   <script>
   export default {
     methods: {
       handleTab(event) {
         if (event.key === 'Tab') {
           // 执行你的自定义Tab行为
           this.codeEditor.handleTab(); // 假设codeEditor有handleTab方法
         } else {
           event.stopPropagation();
           event.preventDefault();
         }
       },
     }
   };
   </script>

2. **修改CodeMirror配置**：如果你希望保留全局的Tab功能，可以尝试通过CodeMirror的API调整其内部的Tab处理规则，比如设置`electricChars`选项为false来阻止它自动插入字符。

3. **外部键盘导航控制**：如果可能，考虑提供独立的导航按钮或使用其他第三方库（如`vue-keyboard-navigation`）来管理Form内的焦点和Tab操作。

记得在处理完Form表单的Tab行为后，别忘了在相应的