上Vuejs动态形式输入

问题描述 投票:0回答:1

在我的表单中我需要一个方法动态添加表单字段“添加新用户”,并将其推到我的数据阵列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天用这个东西,请提示我有什么做是正确的最简单的方法?

javascript vue.js
1个回答
2
投票

创建对象,包括用户信息的阵列,并通过V-对新用户的添加使其推动物体到阵列,并会在模板中自动显示。

© www.soinside.com 2019 - 2024. All rights reserved.