【Vue.$delete】删除

GllWyz

已于 2024-03-02 18:27:59 修改

阅读量9.2k

点赞数

分类专栏： # Vue2.0功能文章标签：删除 $delete

于 2019-06-03 17:30:30 首次发布

本文链接：https://blog.csdn.net/zhumizhumi/article/details/90755758

版权

Vue2.0功能专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<div>
    <div v-for="(item, index) in dataarr" :key="index">
      <span>{{item.ceshi}}---</span>
      <span class="xiugia" @click="xiugiaClick(index)">删除</span>
    </div>
  </div>

data () {
    return {
      dataarr: [
        { ceshi: '娃哈哈', id: '1' },
        { ceshi: '粽子', id: '2' },
        { ceshi: '可乐', id: '3' }
      ]
    }
  },
  methods: {
    xiugiaClick (index) {
      // 响应式的数据
      this.$delete(this.dataarr, index)
      console.log(this.dataarr)
    }
  }

参考文献：vue官网 https://cn.vuejs.org/v2/guide/