登錄頁面開發 先把項目根目錄下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 引用 ...