Authored by 陈峰

切换店铺重新渲染页面

... ... @@ -39,6 +39,7 @@ export default {
switchShop(id) {
this.userInfo.currentShop = this.userInfo.shops.find(shop => shop.id === id);
Vue.switchShop(id);
this.$emit('shop-change', this.userInfo.currentShop);
}
}
};
... ...
... ... @@ -4,12 +4,12 @@
<PurviewMenu :class="menuClass"></PurviewMenu>
</Col>
<Col :span="18" class="layout-menu-right">
<UserInfo @menu-trigger="menuTrigger"></UserInfo>
<UserInfo @menu-trigger="menuTrigger" @shop-change="shopChange"></UserInfo>
<div class="layout-breadcrumb">
<Breadcrumbs></Breadcrumbs>
</div>
<div class="layout-content">
<router-view></router-view>
<router-view v-if="reload"></router-view>
</div>
<div class="layout-copy">
2011-2016 &copy; YOHO集团
... ... @@ -28,13 +28,20 @@ export default {
},
menuLeftClass: {
'left-collapse': false
}
},
reload: true
};
},
methods: {
menuTrigger() {
this.menuClass['menu-collapse'] = !this.menuClass['menu-collapse'];
this.menuLeftClass['left-collapse'] = !this.menuLeftClass['left-collapse'];
},
shopChange() {
this.reload = false;
this.$nextTick(() => {
this.reload = true;
});
}
}
};
... ...