VUE使用el-ui关于el-table添加输入框自定义校验（VUE专栏二）

缤纷之夏

于 2020-06-03 15:44:00 发布

阅读量1.3k

点赞数 1

文章标签： ext sdl processing color loadrunner

本文链接：https://blog.csdn.net/weixin_40690763/article/details/108664979

版权

在Vue项目中，使用el-ui的el-table组件并添加输入框时，遇到表单验证问题。最初尝试从data获取值进行验证失败，后来通过在request对象上定义prodList并将data内容赋值给它，成功实现了对输入框的校验功能。

摘要由CSDN通过智能技术生成

如图所示，在table表中，输入框填入后提交，校验输入框

<template>


<el-form :model="request" ref="request"  :rules="rules" class="demo-ruleForm">
   <el-table :data="request.prodlist" style="width: 100%;margin-top:10px" border>
         <el-table-column label="序号" type="index"></el-table-column>
　　　　　 <el-table-column label="退货数量" width="160px" >

                                        <template slot-scope="item">

最低0.47元/天解锁文章

缤纷之夏

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
VUE使用el-ui关于el-table添加输入框自定义校验（VUE专栏二）

如图所示，在table表中，输入框填入后提交，校验输入框<template><el-form :model="request" ref="request" :rules="rules" class="demo-ruleForm"> <el-table :data="request.prodlist" style="width: 100%;mar...
复制链接

扫一扫