添加Mock数据 前面我们使用elementUI实现了登录页面和简单的校验,现在使用接口的方式来实现登录的逻辑 使用EasyMock添加两个接口 因为要访问EasyMock 模拟接口, 所以要把 接口地址改一下,在 .env.development 文件中修改如下: 注意:改成你自已 ...
登录页面开发 先把项目根目录下components和views目录下的文件都删掉 在 src router index.js 中配置路由 把原有的路由配置删除 ,如下: 在 src views 目录下新建 login 目录及此目录下新建文件 index.vue写入如下内容 我们的组件写好了,那怎么渲染到页面呢,先在router下的index.js里配置路由 这样我们的路由也就写好了,在去App.v ...
2020-01-22 21:34 0 3935 推荐指数:
添加Mock数据 前面我们使用elementUI实现了登录页面和简单的校验,现在使用接口的方式来实现登录的逻辑 使用EasyMock添加两个接口 因为要访问EasyMock 模拟接口, 所以要把 接口地址改一下,在 .env.development 文件中修改如下: 注意:改成你自已 ...
前戏 前面我们已经写好了登录页面,当正常登录后应该跳转到首页 我们的顶部导航栏和左侧导航栏一般是固定的,我们可以布局成下面的样式 整体项目布局 因为我们的首页是个公共的组件,点击会员管理,供应商管理都不会变,所以我们可以放在components 下面,在下面创建一个 ...
会员管理页面接口调通 现在来开发我们的会员管理页面,我们获取会员数据的接口格式如下 在 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 引用 ...
html: <div class="news" v-if="news.length > 0" > <ul class="marquee_l ...
一、v-if 判断通常是对用户行为的判断 用js来控制,则是使用if语句进行判断,而vue也提供了一个类似if语句的指令——v-if实现条件判断 首先在数据项里设置变量 通过控制play的值就可以实现元素隐藏与显示 在html文件中是这样写的: 当play ...
一、方法一 二、方法二 ...