el-tabs在el-form中怎么包裹部分el-form-item
时间: 2023-11-05 10:20:39 浏览: 110
您好!要在`el-form`中包裹部分`el-form-item`,您可以使用`el-tabs`组件来实现。下面是一个示例代码:
```html
<el-form>
<el-tabs v-model="activeTab">
<el-tab-pane label="Tab 1" name="tab1">
<el-form-item label="Field 1">
<!-- Field 1 的内容 -->
</el-form-item>
<el-form-item label="Field 2">
<!-- Field 2 的内容 -->
</el-form-item>
</el-tab-pane>
<el-tab-pane label="Tab 2" name="tab2">
<el-form-item label="Field 3">
<!-- Field 3 的内容 -->
</el-form-item>
<el-form-item label="Field 4">
<!-- Field 4 的内容 -->
</el-form-item>
</el-tab-pane>
</el-tabs>
</el-form>
```
在上述示例中,我们使用了`el-tabs`组件将两个选项卡包裹在`el-form`中。每个选项卡都包含了相应的`el-form-item`,您可以根据需要在每个选项卡中添加更多的`el-form-item`。
希望能对您有所帮助!如果还有其他问题,请随时提问。
阅读全文