vue3已经使用setup语法糖如何用index删除数组里面对象
时间: 2024-03-24 07:36:10 浏览: 99
删除对象数组中某个对象
使用Vue 3的`setup`语法糖,删除数组中的对象可以使用以下代码:
```javascript
import { ref } from 'vue'
export default {
setup() {
const items = ref([
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 3, name: 'Item 3' }
])
const removeItem = (index) => {
items.value.splice(index, 1)
}
return {
items,
removeItem
}
}
}
```
在上述代码中,我们使用了Vue 3中的`ref`函数来定义了一个名为`items`的响应式数组,并在`setup`函数中定义了一个`removeItem`函数来删除数组中指定索引的对象。在`removeItem`函数中,我们使用了JavaScript中的`splice`方法来删除数组中指定索引的对象。最后,在`return`语句中,我们将`items`和`removeItem`暴露出去供组件内部使用。
阅读全文