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)

  • 0
    点赞
  • 1
    收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:数字20 设计师:CSDN官方博客 返回首页
评论

打赏作者

凹凸曼与程序猿

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值