修改事件的状态为已完成 for (let i = 0; i < states.event.length; i++) { if (states.event[i].id === obj.id) { states.event[i].type = 2; // type == 2,表示状态为已完成 break; } } } } export default new Vuex.Store({ state,actions,mutations })

// store/actions.js
export const eventdone = ({ commit },param) =>{
commit('EVENTDONE',{id: param});
}

// App.vue

函数 this.get = function () { // 拿数据 return JSON.parse(localStorage.getItem(item)); } this.set = function (obj) { // 存数据 localStorage.setItem(item,JSON.stringify(obj)); } this.clear = function () { // 删数据 localStorage.removeItem(item); } } const local = new LocalEvent('lx_notepad'); // 创建一个本地存储的事例 const state = local.get() || { event: [],count: 0 } const mutations = { ADDEVENT(states,obj){ // ADDEVENT，添加新的事件，并存储到localStorage里 states.count++; obj.items.id = states.count; states.event.unshift(obj.items); local.set(states); } }

// dialog.vue

export default { data: function(){ return { screen_type: 0,// 筛选类型，0 表示不筛选 screen_title: '',// 筛选关键词，'' 表示不筛选 } },computed:{ notapad(){ var self = this; return self.$store.state.event.filter(function(d){ // 使用过滤器 if(self.screen_type !== 0 && self.screen_title === ''){ // 只筛选类型 if( d.type === self.screen_type ){ return d; } }else if(self.screen_type !== 0 && self.screen_title !== ''){ // 筛选类型和关键词 if( d.type === self.screen_type && d.content.indexOf(self.screen_title) !== -1){ return d; } }else if(self.screen_type === 0 && self.screen_title !== ''){ // 只筛选关键词 if(d.content.indexOf(self.screen_title) !== -1){ return d; } }else{ // 不进行筛选 return d; } }); } } }