vue自动提交表单_vuejs 动态提交form表单问题

通过v-for动态循环某个对象，添加隐藏的元素到form中，然后通过 document.getElementById('form').submit()来提交，此时发现另一个页面接收不到参数。

而通过document.createElement('input')方式创建的元素就可以接收到参数。

最奇怪的是，无论是v-for还是document.createElement()方式都能通过console.log(form)看到里面的内容。仅仅是一个能接收到参数一个接收不到。

难道v-for创建的表单不能通过document.getElementById('form').submit()方式来提交？

v-for 方式

this.formData = data.data;

let form = document.getElementById('cgForm');

console.log(form); // form中的元素都在, 可就是接收不到form中任何东西, 且提交时action也是 '/' 并不是设置好的url

form.submit();

普通form表单

this.formData = data.data;

let form = document.getElementById('cgForm');

for(let p in this.formData){

if(p != 'url'){

let input = document.createElement('input');

input.setAttribute('name', p);

input.setAttribute('value', this.formData[p]);

form.append(input);

}

form.action = data.data.url;

form.submit();

vue自动提交表单_vuejs 动态提交form表单问题相关推荐

html表单通过js提交表单提交,JavaScript动态创建form表单并提交的实现方法
本文实例讲述了JavaScript动态创建form表单并提交的实现方法.分享给大家供大家参考,具体如下: 页面布局有些复杂的情况下,可能需要在页面中动态创建一个 form,JavaScript 创建 ...
JS动态模拟Form表单提交数据
分享知识传递快乐 JS动态模拟Form表单提交数据 <!DOCTYPE html> <html lang="en"> <head><m ...
vue表单提交数组_ajax传递数组、form表单提交对象数组
在JSP页面开发中,我们常常会用到form表单做数据提交,由于以前一直只是使用form表单提交单个对象,只要表单文本域的name值和接收的对象的属性名一致,那么传值就没有什么问题.不过,在前几天的开发 ...
使用Vue动态生成form表单的实例代码
具有数据收集.校验和提交功能的表单生成器,包含复选框.单选框.输入框.下拉选择框等元素以及,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传功能,支持事件扩展. 欢迎大家star学习交流: ...
ajax提交表单跨域啊,form表单提交没有跨域问题，但ajax提交存在跨域问题
浏览器的策略本质是:一个域名下面的JS,没有经过允许是不能读取另外一个域名的内容,但是浏览器不阻止你向另外一个域名发送请求. 所以form表单提交没有跨域问题,提交form表单到另外一个域名,原来页面 ...
动态生成form表单，不在为表单烦恼
form-create 具有动态渲染.数据收集.校验和提交功能的表单生成器,动态生成Form表单.支持双向数据绑定和事件扩展,组件包含有复选框.单选框.输入框.下拉选择框等表单元素以及省市区三级联动, ...
form表单校验复杂系列--- form表单内插入独立的数据表格，动态校验数据表格内每行的文件上传
form表单校验复杂系列- form表单内插入独立的数据表格,动态校验数据表格内每行的文件上传前言公司项目有个模块需要优化form表单内,插入独立的数据表格,表格内容是文件上传,需要利用外部表单提 ...
vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法
最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...
java 提交表单_http常见的form表单请求方式
在Web开发中,我们使用的比较多的HTTP请求方式基本上就是GET.POST. 一.http请求常见的表单文件上传形式首先了解下application/x-www-form-urlencoded和m ...

vue自动提交表单_vuejs 动态提交form表单问题

vue自动提交表单_vuejs 动态提交form表单问题相关推荐

最新文章

热门文章