VUE 后台返回 list 怎么渲染成表单 并且做校验 提交的时候变成K,V,怎么渲染成这样,求解
6条回答 默认 最新
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
AkaCoder 2021-07-19 09:31最佳回答 专家已采纳第一种
1.为了方便,我们直接通过map把所有的数据里面新增一个判断类型type,如果只有一个值得情况为0,为开关的情况下为1
2.然后通过v-for循环出来结构v-model进行绑定
3.提交的时候,需要改写成key:value形式第二种
1.直接把数据解构出来,每个数据单独赋值为key:value
2.v-model去绑定到对象的值
提交也是提交对象采纳该答案 已采纳该答案 专家已采纳评论解决 无用打赏举报微信扫一扫
分享评论登录 后可回复...
查看更多回答(5条)
报告相同问题?
提交
相关推荐 更多相似问题
- 2021-07-18 09:31回答 6 已采纳 第一种1.为了方便,我们直接通过map把所有的数据里面新增一个判断类型type,如果只有一个值得情况为0,为开关的情况下为12.然后通过v-for循环出来结构v-model进行绑定3.提交的时候,需要
- 2021-03-11 16:05回答 14 已采纳 先上结果图:如下 分析下数据:大概是这个意思 如果事先把固定表头写在界面的话,等获取数据后再渲染动态表头,表头会出现明显变化。显然不满足要求。分析完,我们就来简单实现。 <tem
- 2021-07-19 22:45回答 4 已采纳 继2021-07-21 13:04写的解答,这次已经解决了这个小问题。在回忆一下问题本身,第一次新增之后第二次新增会有红色提示,之前使用this.$refs['addForm'].clearValid
- 2020-10-17 21:01主要介绍了详解vue如何使用rules对表单字段进行校验,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
- 2020-10-16 21:34主要介绍了vue elementUI 表单校验(数组多层嵌套)功能的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
- 2020-12-21 05:43weixin_39712865的博客 这次给大家带来VUE做出带有数据收集、校验和提交功能表单,VUE做出带有数据收集、校验和提交功能表单的注意事项有哪些,下面就是实战案例,一起来看一下。示例...
- 2021-06-04 10:24回答 2 已采纳 <template> <a-checkbox-group @change="onChange"> <a-row>
- 2022-04-21 17:57回答 2 已采纳 for (let i in 对象名) { //这里i是循环数组的每一个对象}
- 2021-12-08 15:41回答 2 已采纳 校验函数是没有问题的,这边猜测是引用时候的问题,检查一下: 我看到注释中在validator参数后多了一个逗号;这个校验函数要在html中直接调用的话,它首先需要是一个全局变量,this要能找到它,直
- 2021-08-15 21:20小白在线学前端的博客 表单校验 校验规则,两个数据不能重复, 表单校验的基本步骤 定义验证规则 配置模板,使用规则 给表单设置rules属性传入验证的规则 // 校验 rules: { // 部门名称校验 name: [ { required: true, ...
- 2019-10-14 17:57Jacqui--静的博客 VUE动态表单校验 功能描述 用户可以添加一个员工,也可以同时添加多个员工,但是每个员工的对应表单都存在表单校验 效果图 代码如下 <!-- --> <template> <div class=''> <!-- ...
- 2021-12-22 11:05初秋-.-的博客 Vue 多表单校验方法
- 2022-04-24 20:47回答 2 已采纳 这个应该是渲染的问题,你可以把他那个base64拿出来 然后看看能不能访问
- 2020-10-23 15:01回答 3 已采纳 window.location.href 可以获取当前页的链接 然后自己把参数拆出来
- 2020-10-14 15:16回答 1 已采纳 这样肯定提交两次啊. 如果是我这样做, 每一个form model绑定一个对象 data,把数据序列化然后提交,后台获取,进行保存 this.$axios.post(url, this.qs.st
- 2021-10-26 23:18标题只用h1的博客 1.在data中定义rules校验规则 // 校验规则 rules: { name: [ { required: true, message: '请输入权限名称', trigger: 'blur' } ], code: [ { required: true, message: '请输入权限标识', trigger: 'blur'...
- 2022-04-12 10:38全易的博客 v-show="show" :inline="true" :model="ruleForm" :rules="ruleFormRules" ref="ruleForm" > <div class="d-flex justify-content-between align-bottom"> <el-form-item label="小时服务费" ...
- 2021-08-11 17:16三个木马人的博客 以前遇到过给动态添加的表单项添加校验,但是做过之后就忘记了,时隔一年多,又遇到这样的需求,还是多层级的数据结构,所以决定借这个机会写一篇文章记录一下!!! 废话不多说,直接上代码! <el-form :model=...
- 2022-01-06 17:15回答 2 已采纳 后台增加跨域配置 @Slf4j @Configuration public class WebCorsConfiguration { /** * 跨域过滤器 *
- 2021-11-24 14:24厚积薄发的Cicci的博客 console.log("测试正则=>",pattern.test(str)) 输出:测试正则=> false ** 4.element ui表单校验提取 ** //判断是否为空 function checkNull(val){ return val!=undefined && val!=null } //获取校验规则 function ...
- 没有解决我的问题, 去提问