原文:Vue--整体页面布局

前戏 前面我们已经写好了登录页面,当正常登录后应该跳转到首页 我们的顶部导航栏和左侧导航栏一般是固定的,我们可以布局成下面的样式 整体项目布局 因为我们的首页是个公共的组件,点击会员管理,供应商管理都不会变,所以我们可以放在components下面,在下面创建一个 Layout.vue的文件,写入如下内容 然后再router下的index.js里导入路由,新增了第七行和 , , 行 然后我们正常登 ...

2020-08-12 20:20 1 13183 推荐指数:

查看详情

Vue--登录页面

登录页面开发 先把项目根目录下components和views目录下的文件都删掉 在 src\router\index.js 中配置路由(把原有的路由配置删除),如下: 在 src\views 目录下新建 login 目录及此目录下新建文件 index.vue写入 ...

Thu Jan 23 05:34:00 CST 2020 0 3935
ElementUI 整体页面布局

一、概述 一般后台页面的顶部导航栏和左侧导航栏一般是固定的,我们可以布局成下面的样式 二、整体项目布局 因为我们的首页是个公共的组件,点击首页,会员管理,都不会变,所以我们可以放在一个单独文件夹里面。 需要分别对头部,左侧区域,主区域拆分成不同的文件。 创建项目 创建一个全新 ...

Tue Mar 02 17:54:00 CST 2021 0 2407
vue框架之element- Container 页面整体布局

要达成的效果图如下: 我们发现,直接从element官网粘贴过来的代码是一段一段的,没有占满整个页面。参考了两个博文,最终如下 https://blog.csdn.net/cdebai/article/details/90324070, https://blog.csdn.net ...

Thu Jul 25 04:19:00 CST 2019 1 3826
Vue--登录页面逻辑

添加Mock数据 前面我们使用elementUI实现了登录页面和简单的校验,现在使用接口的方式来实现登录的逻辑 使用EasyMock添加两个接口 因为要访问EasyMock 模拟接口, 所以要把 接口地址改一下,在 .env.development 文件中修改如下: 注意:改成你自已 ...

Sun Jan 26 20:07:00 CST 2020 0 518
Vue--会员管理列表页面,抽取BASE_URL

会员管理页面接口调通 现在来开发我们的会员管理页面,我们获取会员数据的接口格式如下 在 src/api 下新建一个文件,叫 member.js ,将会员相关的接口都放在这个下面,但是现在有个问题,我们的 主机名和域名是在 src/login.js 里写的一个变量,不能引用 ...

Tue Jan 12 07:10:00 CST 2021 0 368
vue--设置cookie

Vue-CLI项目-vue-cookie与vue-cookies处理cookie vue-cookie 一.模块的安装 二.配置main.js 三.使用 概述: 创建:this.$配置时候设置的名称.set('cookies的key',value,时间最小单位为天 ...

Wed Sep 04 02:34:00 CST 2019 0 7372
Vue--获取数据

一、Jsonp抓取数据 用 npm 安装 jsonp 创建 jsonp.js 在 api 创建 config.js 在 api的data.js 里导入 jsonp 在 data.vue 页面的 script 引用 ...

Fri Oct 19 06:50:00 CST 2018 0 1799
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM