el-form嵌套el-table如何校验

最新推荐文章于 2024-08-21 20:18:17 发布

喝咖啡还是泡茶

最新推荐文章于 2024-08-21 20:18:17 发布

阅读量679

点赞数

分类专栏： elementui 文章标签： vue elementui

本文链接：https://blog.csdn.net/weixin_44328764/article/details/115916686

版权

elementui 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

el-form嵌套el-table如何校验

el-form中嵌套el-table，如何对table的字段进行el-form的校验

<el-table :data="currentComponent.keysList" @select="handleTableSelect" @select-all="handleTableSelect">
      <el-table-column prop="componentKey" label="元件字段名">
          <template slot-scope="scope">
              <el-form-item :prop="'keysList.' + scope.$index + '.componentKey'" :rules="rules.componentKey" class="filed"
                 ><el-input v-model="scope.row.componentKey" @blur="colEqualCheck(scope.row.componentKey)"></el-input
              ></el-form-item>
           </template>
       </el-table-column>
</el-table>

注意:prop="'keysList.' + scope.$index + '.componentKey'"
prop的命名规则必须是，表名称(keysList)+’.’+scope.$index+’.prop’名称