vue动态追加穿插不同元素

Question

company: [], //两个初始数组
personal: [],
add_enterprise(){//追加元素代码
        this.num +=1
        this.company.push({
            enterprise_lx: false,
            name: '',
            truename: '',
            credit: '',
            department: '',
            account: '',
            mobile: '',
            sort: 0,
            operator: ''
          });
      },
      add_person(){
        this.personal.push({
            personal_lx: false,
            name: '',
            mobile: '',
            sort: 0
          });
      },

第一个数组中有六个输入框，第二个数组元素中有三个输入框，然后元素能追加，但是不能穿插来，就好似AAAABBBB,但是不能ABABAB,最后还要获取到输入框中的内容

Answer 1

我的建议是只定义一个数组变量，把两个元素类型用到的属性都放进来，再增加一个type字段：比如1代表第一个元素，2代表第2个元素，你在追加的时候根据不同的类型设置type，并且渲染的时候定义两套组件，通过v-if type == 1或type==2来渲染不同的元素