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

解决方案:
将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>

猜你喜欢

转载自blog.csdn.net/qq_42931285/article/details/124679844