Home / Questions / 218229
Accepted
Alberto Ortega
Asked: 2020-11-30 12:30:41 +0800 CST 2020-11-30 12:30:41 +0800 CST

如何从数组vue js中删除元素

  • 772

我有一个数组如下。

[ "icono-5-4", "icono-7-6", "icono-8-7", "icono-9-8", "icono-1-0", "icono-2-1" ]

我想被动地删除一个元素：我会知道元素的名称，直到用户单击一个按钮。例如，如果客户端单击一个按钮并且该按钮的值为 icon-9-8

我将不得不从我的数组中删除该元素

[ "icono-5-4", "icono-7-6", "icono-8-7", "icono-1-0", "icono-2-1" ]

依此类推，我使用：

_.pull(this.array, 'icono-9-8');

但这不是反应性的，或者没有我想要的那么快。

this.array.slice(id, 1)
javascript

2 Answers

  1. Best Answer

    我真的不知道你在做什么，我不明白_.pull(this.array, 'icono-9-8');。

    您可以使用它splice()来更好地删除项目，slice()因为 vue 会监视更改splice()并修改数组而不是创建新数组。

    new Vue({
  el: "#app",
  data: {
    lista: ["icono-5-4", "icono-7-6", "icono-8-7", "icono-9-8", "icono-1-0", "icono-2-1"]
  },
  methods: {
    del: function() {
      var indice = this.lista.indexOf('icono-9-8');
      if (indice != -1)
        this.lista.splice(indice, 1);
    }
  }

});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <ul>
    <li v-for="item in lista">
      {{ item }}
    </li>
  </ul>
  <button @click="del">
  borrar
  </button>

</div>

    • 2

  2. 你好，你试试数组过滤器怎么样：

    let arr = ["a", "b", "c", "d"]

let value = "b"

arr = arr.filter(function(item) {
  return item !== value
})

console.log(arr)

    • 0