在我的表单中我需要一个方法动态添加表单字段“添加新用户”,并将其推到我的数据阵列founders: []
。要添加一个需要我的输入,从而形成只是隐藏着<div id="new-user">
display:none
内。不知道这是正确的方式,但我试图做类似下面的代码。所以,我需要弄清楚如何正确地显示在上确切的地点多次,用户按我的表单字段的“添加新用户”按钮,推动在同一时间的数据。
addFounderGrant() {
var elem = document.createElement('#new-user'); //This part I need help
this.step3.foundersGrants.push( {
email:'',
first_name:'',
last_name:'',
issue_date:'',
certificate:'',
share_price:'',
shares_amount: '',
} )
},
我也试过这样,我在这里显示的表单字段工作正常,但数据存储是错误的,对我来说太复杂。
addFounder() {
var counter = 0;
counter++;
var newFields = document.getElementById('new-user').cloneNode(true);
newFields.id = '';
newFields.style.display = 'block';
var newField = newFields.childNodes;
for (var i=0;i<newField.length;i++) {
var theName = newField[i].name
if (theName)
newField[i].name = theName + counter;
var insertHere = document.getElementById('writeroot');
insertHere.parentNode.insertBefore(newFields,insertHere);
}
this.step3.foundersGrants.push( {
email:'',
first_name:'',
last_name:'',
issue_date:'',
certificate:'',
share_price:'',
shares_amount: '',
} )
},
挣扎第3天用这个东西,请提示我有什么做是正确的最简单的方法?
创建对象,包括用户信息的阵列,并通过V-对新用户的添加使其推动物体到阵列,并会在模板中自动显示。