vue小练习
走到天涯海角
从坑中爬出后,避免再次入坑!
展开
-
Vue中编写老师页面
1.我们登录老师页面,但是会出现无权访问的情况,是因为我们要判断是老师还是学生登录老师页面。watch:{ login(val){ if(val){ this.loadDetails(); } } }, methods:{ loadDetails(){ //判断是老师登录还是学生登录 if(this.isTeacher){ api.get("/teacher/detail",{原创 2020-06-08 15:32:08 · 971 阅读 · 0 评论 -
vue实现学生页面
1.在App.vue中监听login的状态,当login从false变为true,表示用户已经登录。 watch:{ login(val){//监听login的状态变化 if(val){ this.loadDetails(); } } }, methods:{ loadDetails(){//请求学生信息的接口,测试一下 alert("你好,小明同学"); } }2.请求接口测试impor原创 2020-05-31 14:32:23 · 2268 阅读 · 0 评论 -
vue实现不用路由的页面切换与自动登录
页面切换我做的后台页面较少,所以不需要用到路由1.登录后切换到老师或者学生的页面,通过is_admin来判断登录的是老师还是学生data(){ return{ login:false } }<Author v-if="!login"></Author> <div v-else> 学生或者老师的页面 </div>2.问题:无论成功或者失败,都是走成功的回调函数,原创 2020-05-31 14:31:08 · 6157 阅读 · 0 评论 -
用Vue实现登录
1.在桌面上创建一个vue的项目:vue-cstudycdvue-cstudynpm run serve2.下载AntDesignnpm install ant-design-vue --save3.把多余的代码先删除掉4.在main.js中引入AntDesign以及默认样式import Antd from "ant-design-vue"import "ant-design-vue/dist/antd.css"Vue.use(Antd)5.一般的API没有什么好...原创 2020-05-29 20:24:31 · 918 阅读 · 0 评论