添加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 ...
一、方法一 二、方法二 ...