this.$store.commit 对对象的增删改
时间: 2023-09-11 22:06:05 浏览: 92
实现增删改的功能
this.$store.commit方法是用于调用Vuex store中的mutations来进行状态的更改。对于对象的增删改操作,可以通过在mutations中定义相应的函数来实现。
例如,对于对象的增加操作,可以在mutations中定义一个函数来处理:
```javascript
// 在mutations中定义一个函数用于增加对象
addObject(state, payload) {
state.objectList.push(payload); // 假设objectList是存储对象的数组
}
```
然后,在组件中可以通过调用this.$store.commit来触发该函数,并传递要添加的对象作为参数:
```javascript
this.$store.commit('addObject', newObject);
```
对于对象的删除和修改操作,也可以类似地在mutations中定义对应的函数来处理。例如,对于删除操作:
```javascript
// 在mutations中定义一个函数用于删除对象
deleteObject(state, payload) {
const index = state.objectList.findIndex(obj => obj.id === payload.id);
if (index !== -1) {
state.objectList.splice(index, 1);
}
}
```
调用方式类似:
```javascript
this.$store.commit('deleteObject', objectToDelete);
```
需要注意的是,mutations中的函数要遵循单一职责原则,每个函数只处理一种状态变更。
阅读全文