原创 渲染二級菜單11：權限
創建新分支 git branch //查看分支 git checkout -b rights //創建新分支 git branch //查看 git push -u origin rights //新分支提交到雲端 --
2020-04-26 15:18:32
原创 渲染二級菜單10：刪除菜單 提示確認對話框dialog+ git切換到新用戶上，然後提交到雲端
1 監聽 添加element引用 添加控件bing並監聽 2 http操作刪掉雲端數據 // 根據Id刪除對應的用戶信息 async removeUserById(id) { // 彈框詢問用戶是否刪除數據
2020-04-26 15:18:32
原创 渲染二級菜單7：搜索功能
實現搜索功能 添加數據綁定，添加搜索按鈕的點擊事件(當用戶點擊搜索按鈕的時候，調用getUserList方法根據文本框內容重新請求用戶列表數據) 當我們在輸入框中輸入內容並點擊搜索之後，會按照搜索關鍵字搜索，我們希望能夠提供一個X刪除搜
2020-04-24 17:18:27
原创 渲染二級菜單9：提交到後臺user數據/crud
添加 修改/刪除按鈕 監聽-彈出對話框 並傳入index 實現方法展示dialog // 展示編輯用戶的對話框 async showEditDialog(id) { console.log(id)
2020-04-24 17:18:27
原创 渲染二級菜單8：添加用戶【Dialog對話框】
實現添加用戶 A.當我們點擊添加用戶按鈕的時候，彈出一個對話框來實現添加用戶的功能，首先我們需要複製對話框組件的代碼並在element.js文件中引入Dialog組件 B.接下來我們要爲“添加用戶”按鈕添加點擊事件，在事件中將a
2020-04-24 17:18:27
原创 提交代碼git
git add . git commit -m "desc login over" 切換到主分支 git merge login 推送雲端 git push 然後切回到login git checkout login 推送分支 gi
2020-04-23 16:42:09
原创 vue跳轉頁面【添加退出操作】
<template> <div class="login_container"> <div class="login_box"> <!-- 頭像 --> <div class="avator_box"
2020-04-23 16:42:09
原创 優化:1menu僅僅打開一個menu item 2menu 伸縮功能
<el-menu background-color="#333744" text-color="#fff" active-text-color="#ffd04b" unique-opened> unique-opened僅
2020-04-23 16:42:09
原创 Vue問題：error Strings must use singlequote
嚴苛檢索 項目根目錄添加.prettierrc { "semi": false, "singleQuote": true } 去掉空格檢索 'space-before-function-paren': 0
2020-04-23 16:42:09
原创 通過後臺接口獲取菜單數據
axios請求攔截器 axios請求攔截器 後臺除了登錄接口之外，都需要token權限驗證，我們可以通過添加axios請求攔截器來添加token，以保證擁有獲取數據的權限 在main.js中添加代碼，在將axios掛載到vue原型之前添
2020-04-23 16:42:09
原创 渲染二級菜單6：分頁展示
<template> <div> <!-- 麪包屑導航區域 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb
2020-04-23 16:42:09
原创 vue 二級列表menu渲染3：將表格與數據渲染
<template> <div> <!-- 麪包屑導航區域 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb
2020-04-23 16:42:09
1
原创 vue數據綁定+數據驗證
<template> <div class="login_container"> <div class="login_box"> <!-- 頭像 --> <div class="avator_box"
2020-04-23 16:42:09
原创 css居中的寫法
position：absolute； left：50%； transform：translate（-50%，-50%）；移動舉例爲box 的height，width的距離比例
2020-04-23 16:42:09