VUEJS如何从列表中删除元素?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (74)

请帮助我从列表中删除特定元素。

下面是我的js代码:

var example2 = new Vue({
  el: '#example-2',
  data: {
    items: [
      { message: 'Foo' },
      { message: 'Bar' },
      { message: 'Bar1' },
      { message: 'Bar2' },
      { message: 'Bar3' },
      { message: 'Bar4' }
    ]
  },
  method : {
    removeElement : function(index){
        this.items.$remove(index);
    }
  }
})

下面是我的HTML代码:

<ul id="example-1">
  <li v-for="(key, item) in items">
    {{ item.message }}
    <button v-on:click="removeElement(key)">remove</button>
  </li>
</ul>
提问于
用户回答回答于

$remove已在Vue.js 2.0中弃用,并splice按照文档中的说明进行替换。确保你添加了splice它的第二个参数。

Vue 1.x - 2.0

methods: {
  removeElement: function (index) {
    this.items.splice(index, 1);
  }
}
用户回答回答于

扫码关注云+社区

领取腾讯云代金券