如何删除vuex中某个对象的key
时间: 2024-01-06 19:05:34 浏览: 34
你可以使用 Vue.set 或者 Vue.delete 方法来删除 Vuex 中某个对象的 key。
下面是使用 Vue.set 方法删除 Vuex 中某个对象的 key 的示例:
```javascript
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
user: {
name: 'John',
age: 30,
email: 'john@example.com'
}
},
mutations: {
deleteUserEmail(state) {
Vue.set(state.user, 'email', undefined);
}
}
});
```
在上面的代码中,我们使用 Vue.set 方法将 Vuex 中 user 对象的 email 属性设置为 undefined,达到了删除 email 属性的效果。
下面是使用 Vue.delete 方法删除 Vuex 中某个对象的 key 的示例:
```javascript
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
user: {
name: 'John',
age: 30,
email: 'john@example.com'
}
},
mutations: {
deleteUserEmail(state) {
Vue.delete(state.user, 'email');
}
}
});
```
在上面的代码中,我们使用 Vue.delete 方法将 Vuex 中 user 对象的 email 属性删除,达到了删除 email 属性的效果。