登录页面开发 先把项目根目录下components和views目录下的文件都删掉 在 src\router\index.js 中配置路由(把原有的路由配置删除),如下: 在 src\views 目录下新建 login 目录及此目录下新建文件 index.vue写入 ...
前戏 前面我们已经写好了登录页面,当正常登录后应该跳转到首页 我们的顶部导航栏和左侧导航栏一般是固定的,我们可以布局成下面的样式 整体项目布局 因为我们的首页是个公共的组件,点击会员管理,供应商管理都不会变,所以我们可以放在components下面,在下面创建一个 Layout.vue的文件,写入如下内容 然后再router下的index.js里导入路由,新增了第七行和 , , 行 然后我们正常登 ...
2020-08-12 20:20 1 13183 推荐指数:
登录页面开发 先把项目根目录下components和views目录下的文件都删掉 在 src\router\index.js 中配置路由(把原有的路由配置删除),如下: 在 src\views 目录下新建 login 目录及此目录下新建文件 index.vue写入 ...
一、概述 一般后台页面的顶部导航栏和左侧导航栏一般是固定的,我们可以布局成下面的样式 二、整体项目布局 因为我们的首页是个公共的组件,点击首页,会员管理,都不会变,所以我们可以放在一个单独文件夹里面。 需要分别对头部,左侧区域,主区域拆分成不同的文件。 创建项目 创建一个全新 ...
要达成的效果图如下: 我们发现,直接从element官网粘贴过来的代码是一段一段的,没有占满整个页面。参考了两个博文,最终如下 https://blog.csdn.net/cdebai/article/details/90324070, https://blog.csdn.net ...
添加Mock数据 前面我们使用elementUI实现了登录页面和简单的校验,现在使用接口的方式来实现登录的逻辑 使用EasyMock添加两个接口 因为要访问EasyMock 模拟接口, 所以要把 接口地址改一下,在 .env.development 文件中修改如下: 注意:改成你自已 ...
会员管理页面接口调通 现在来开发我们的会员管理页面,我们获取会员数据的接口格式如下 在 src/api 下新建一个文件,叫 member.js ,将会员相关的接口都放在这个下面,但是现在有个问题,我们的 主机名和域名是在 src/login.js 里写的一个变量,不能引用 ...
Vue-CLI项目-vue-cookie与vue-cookies处理cookie vue-cookie 一.模块的安装 二.配置main.js 三.使用 概述: 创建:this.$配置时候设置的名称.set('cookies的key',value,时间最小单位为天 ...
一、Jsonp抓取数据 用 npm 安装 jsonp 创建 jsonp.js 在 api 创建 config.js 在 api的data.js 里导入 jsonp 在 data.vue 页面的 script 引用 ...