1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue自动提交表单_vuejs 动态提交form表单问题

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

时间:2022-12-13 11:56:44

相关推荐

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();

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。