情景:
点击登录后,是通过路由跳转到主页,此时是没有发出菜单数据请求的,什么时候发起呢?
应该在Home.vue整个页面加载的时候,就应该立即发送请求获取左侧菜单数据
在哪里写这个请求代码呢?
1.created中调用
created () {
this.getMenuList()
}
2.methods中实现
methods: {
// 获取所有的菜单
async getMenuList() {
// 利用对象结构获取等号右边对象的data属性,用res变量接收
const { data: res } = await this.$http.get('menus')
if (res.meta.status !== 200) return this.$message.console.error(res.meta.msg)
this.menuList = res.data
}
}
插一句:element-ui中每个组件名称就是一个类名,可以直接通过比如:点el-header为它设置css