1 设置方式
this.$store.commit("app/SET_CARS_LIST_REQYEST",false)
2 watch监听vuex state属性获取方式
watch:{
//监听vuex中的isClickCarsList是否发生变化(app是命名空间的文件名app.js)
"$store.state.app.isClickCarsList":{
handler(newVal){
//false--关掉。 true 打开
if(!newVal){//为false时，点击的不是车辆列表
this.carsList = [];
this.$store.commit('app/SET_CARS_LIST_STATUS',true)
}
}
}
}
3 app.js
const state = {
//是否点击了车辆列表
isClickCarsList:true,
//是否请求了车辆列表
isRequestCarsList:false,
}
const mutations = {
SET_CARS_LIST_STATUS(state,value){
state.isClickCarsList = value;
},
SET_CARS_LIST_REQYEST(state,value){
state.isRequestCarsList = value;
}
}
const actions = {}
const getters = {}
export default {
namespaced:true,
state,
mutations,
actions,
getters
}