vue动态追加穿插不同元素

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,最后还要获取到输入框中的内容

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

能在说的详细点么

我的理解是你想给一个数组穿插push数组项,但是获取的结果是先一个 后另一个

你不是设置了一个num 么 你push的时候判断它是奇数还是偶数,然后分别push就可以把

 

您好,我是有问必答小助手,你的问题已经有小伙伴为您解答了问题,您看下是否解决了您的问题,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

非常感谢您使用有问必答服务,为了后续更快速的帮您解决问题,现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中,希望能得到您的支持与协助!

速戳参与调研>>>https://t.csdnimg.cn/Kf0y