怎么实现vue的动态添加输入框到指定位置？

最近在开发一个新的页面需求，但是本人刚接触vue,还不会写，求指教！谢谢辣~
想实现，点击红框的加号，就会在对应的日期位置下添加一行；
现在是无论点击红框里的哪个加号，新增加的都会到最下边；

vue这个列表是根据实时数据进行渲染的，你点击新增的时候，在这个列表数组中新增一个对象数据，将新增的这条对象数据插入到加号行坐标的下一行

原数组.splice(要插入的位置,0,要插入的数据)

      let tableData = {
        company: "",
        number:'',
        projectName:'',
        amount:'',
        materialsFileId:'',
      }
//this.objectObj 总数组
      this.objectObj.map((item,index)=>{
          if(item.id===row.id){
            this.objectObj.splice(Number(index+1), 0, tableData)
            return
          }
      })