原创 localStorage push數組並去重

// 選擇關鍵字 handleKeyword(item) { const keyword = [] keyword.push({ ...item,

原创 vue promise 使用async 實現異步請求

需求:根據不同ID一次性請求所有對應ID詳情的內容統一放入進去  看代碼:   <el-table ref="table" v-loading="loading" height="500

原创 vue elementUi el-table-column table點修改出現手風琴展開行

  代碼: <el-table ref="table" v-loading="loading" height="500px" style="width:100%;" :dat

原创 vue 請求數據頭部傳入token值

需求:點擊退出的發送請求的時候後臺要求傳Headers中傳入token 代碼如下: // 第一個{}爲所傳的data數據,第二個{}爲傳入headers this.axios.post('/admin/logout',{},{

原创 vue 頁面刷新後用戶信息沒有了處理方式

需求:當用戶登錄時,數據存入了vuex中在頁面通過store去取數據,但是頁面刷新的時候,用戶數據全不見了 解決方法: 登錄的時候信息存入vuex之外;還需要把數據存入本地存儲這樣當頁面刷新時如果取不到store中的數據,我們可以取se

原创 vue+es6+element對圖片進行選中與取消時重新排序

 需求:當我點擊選中會出來序號,如果取消的話序號會重新計算, html: <el-row :gutter="10"> <el-col :span="24" :lg="4" :md="6" :sm="8" v-

原创 vue url 使用$router.resolve跳頁面,不能系統跳頁面傳參和接收參數

傳參:  //把參數拼起來當url拼進地址欄 const routeData = this.$router.resolve({ path: '/monthly-commissioner',

原创 vue element el-table-column table表格實現點擊上移下移

html:   <el-table-column :render-header="renderAddFlowBtn" align="center" width="220"> <template slot-scope="scop

原创 element picker-options控制時間只能選取指定範圍日期

 需求: 用戶只能創建當前的月報,如果當年已有月份有了月報那麼這個月也不可以建月報 <el-form-item label="月份:" :prop="isdisabled?'':'stateDate'">

原创 對後臺返回數據進行增刪改查

對後臺返回數據判斷有沒有Null如果有就刪除該條數據 for (let index = 0; index < res.result.length; index++) { const el = res.res

原创 vue 請求後臺數據返回多層對數據進行遞歸

需求: 做一個分類,但是後臺返回一個數組,數組中有多個child嵌套,但又不確定有幾層,並且要給有的新增一個editStatus的屬性,這個時候就需求用到遞歸了 效果圖: json數據: { "id": 432, "n

原创 vue provide和inject 依賴用法

需求: 當我們有各別方法或都對象之類的需要父子組件傳遞或都爺孫傳遞,可能有的人想用vuex或者props層層傳下去,如果用vuex有點小題大作了;如果用props那每個組件都要引入;有點麻煩;那麼我們可以考慮用到provide傳值在子組件

原创 vue 菜單路由重複點擊報錯NavigationDuplicated

NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current loc

原创 elementui el-select change事件傳參

需求:當用戶選擇select的時候change事件需求獲取到當前的整個值 :value的時候把整個item都傳進去,用value-key接收就會傳給change事件 <el-select v-model="ruleForm.use

原创 el-autocomplete 獲取焦點後一直彈出提示框取消又出現

 解決:在:fetch-suggestions="querySearch"方法中寫入失去焦點就可以 <el-autocomplete v-model.trim="search.userName"