vue+antd点击按钮增加或者删除一行

  <a-form-item label="xxx">
          <div v-for="(item, index) in descs" :key="index">
          <a-input v-model="item.key" placeholder="Key" style="width: 200px" />
          ：
          <a-input v-model="item.value" placeholder="Value" style="width: 200px" />
          <a-icon
            type="plus-circle"
            style="margin-left: 22px; font-size: 25px"
            @click="adddesc"
          />
          <a-icon
            type="minus-circle"
            style="margin-left: 11px; font-size: 25px"
            @click="deldesc(index)"
          />
        </div>
 </a-form-item>

 descs:[{key:'',value:''}],

 //增加一行
    adddesc() {
      console.log(123, this.descs);
      this.descs.push({key:'',value:''});
   
    },
  //删除一行
   deldesc(index) {
      
      if (this.descs.length>= 1) {
        this.descs.splice(index,1)
      }
    },
    ![如图](https://img-blog.csdnimg.cn/20210225143642896.png#pic_center)