vue#实战#移除数组元素

最新推荐文章于 2024-03-18 14:50:24 发布

.Passion

最新推荐文章于 2024-03-18 14:50:24 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/qq_43923045/article/details/107487102

版权

vue 专栏收录该内容

42 篇文章 0 订阅

订阅专栏


 removePair(index) {
        let i = this.data.findIndex((row)=>{
          return row.key == index
        })
        console.log(i)
        this.data.splice(i,1)
      }


  <a-table :columns="columns" :data-source="data">

      <span slot="action" slot-scope="scope">
        <button @click="removePair(scope.key)">删除</button>
      </span>

    </a-table>

添加操作：


 addPair() {
        const pair = {
          key: this.index,
          price: this.pair.price,
          desc: this.pair.weight
        }
        this.data.push(pair)
        this.index++;

        // console.log(this.columns)

      },