- 博客(8)
- 收藏
- 关注
RSS订阅
1原创 美食杰(菜谱详情)
跳到详情,并传入menuId值<router-link :to="{name:'detail',query:{menuId:item.menuId}}">之后去我们的封装好的接口拿到 详情的请求接口/** * 根据菜单id，拿到菜谱的详细信息 * @export * @param {Object} [params] - * @param {string} [params.menuId] - 指定菜单的id * @returns */export async fun.
2022-03-24 20:25:44
378
原创 美食杰(个人主页编辑资料)
逻辑:在保存的时候设置一个单击事件,上面没修改之前直接拿vuex的数据用v-model绑定即可,而在单击保存的时候我们调用我么之前封装的接口的请求,修改成功之后让他跳到自己的个人主页里首先我们先拿到没修改之前的图片 用户名 和个人简介,我们可以直接从vuex中拿,我们之前判断登录页的token值是否合法的时候,就是把请求了用户信息,我们又把请求到的数据传到了vuex中,使用这里我们直接拿vuex中的数据即可 <span class="label">修改头像</span&
2022-03-22 08:23:33
138
原创 美食杰(个人主页) 下
逻辑:先实现tab切换在个人主页router的组件中加入子组件,通过绑定单击事件,编程式导航的形式,来跳转不同的子组件中显示不同的内容,之后从api里拿接口封装接口请求,拿到数据通过父传子的形式把请求的数据传给子组价布局的话就使用element-ui组件的布局,这里注意使用的是element-ui组件绑定单击事件的时候,用@tab-cilck="事件()"<el-tabs class="user-nav" v-model="activeName" @tab-click="myclick()"
2022-03-15 20:45:50
416
原创 美食杰(个人主页) 上
逻辑:登录自己的个人主页直接跳转,登录别人的个人主页要id值登录自己的个人主页,自己的个人主页不需要userId值,直接通过router-link跳到个人主页的页面,数据直接拿vuex的数据,原因是我们在router的index里之前来判断token值是否合法就是请求了用户的信息数据,之后又通过vuex中的事件把数据传给了vuex的state登录别人的个人主页要调用我们之前设置的api组件的请求,先引入到组件中,调用请求的接口,拿到数据赋值给一个对象,登录别人的个人主页要userId值,来判断登录的
2022-03-14 18:45:02
568
原创 美食杰登录(路由守卫)
登录注册的功能逻辑：beforEach 有些路由时需要登录状态的，判断登录状态(是否需要登录) 不需要登录的， 直接跳转 需要登录的：进入下一步判断： a. 判断是否已经登录，如果以及登录，直接跳转 b. 判断是否已经登录，如果没有登录，跳转到登录页先在router的的jindex.js里 在路由最后暴露之前 设置路由前置守卫,并判断组件哪些带有"路由元素信息" 如果有就需要登录带才可以访问呢个页面,如果没有就不需要登录就...
2022-03-13 16:17:56
1387
原创 美食杰项目(首页)
轮播图 如果可以的话 尽量不要自己写 最好用组件 element-ui组件 非常便捷设置api的组件 在别的组件用mountd或created 来请求数据拿到数据在data设置一个空数组 列如:barrens:[ ] 空数组 把数据赋值给空数组 在标签里用v-for用指令渲染 之后就可以就可以看到轮播图的效果了数据也是在mounted或created里请求api里的数据请求到home页,也是在data里设置空数组列如:menulist:[ ] 通过props 父传子 把数组的数据..
2022-03-10 21:25:30
403
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人