el-tabs下面有多个表单选项时如何验证

最新推荐文章于 2024-05-24 18:25:18 发布

_处女座程序员的日常

最新推荐文章于 2024-05-24 18:25:18 发布

阅读量1.2k

点赞数

分类专栏： vue Element UI 文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/qq_42931285/article/details/124679844

版权

vue 同时被 2 个专栏收录

210 篇文章 4 订阅

订阅专栏

Element UI

58 篇文章 1 订阅

订阅专栏

解决方案：
将el-tabs嵌套在el-form中，每个el-tab-pane 中国写一些el-form-item即可。

<el-form :label-position="labelPosition" label-width="80px" :model="formLabelAlign">
<el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="用户管理" name="first">
 <el-form-item label="名称">
    <el-input v-model="formLabelAlign.name"></el-input>
  </el-form-item>
</el-tab-pane>
    <el-tab-pane label="配置管理" name="second">
  <el-form-item label="活动区域">
    <el-input v-model="formLabelAlign.region"></el-input>
  </el-form-item>
</el-tab-pane>
    <el-tab-pane label="角色管理" name="third">
  <el-form-item label="活动形式">
    <el-input v-model="formLabelAlign.type"></el-input>
  </el-form-item>
</el-tab-pane>
  </el-tabs>
</el-form>