在 Vue 中,可以通过点击按钮传递 item
对象,并从 selectData
数组中删除该条数据。可以使用 Array.prototype.filter()
方法来实现这一点。以下是一个示例:
说明
- 数据结构:
selectData
是一个包含多个对象的数组,每个对象都有id
和name
属性。 - 渲染列表:使用
v-for
指令渲染selectData
数组中的每个item
。 - 点击按钮:为每个
item
添加一个删除按钮,点击按钮时调用removeItem
方法,并将当前的item
作为参数传递。 - 删除逻辑:在
removeItem
方法中,使用filter
方法创建一个新的数组,过滤掉与传入item
的id
相同的对象,并将结果重新赋值给selectData
。