原创 Vue-cli3.x解決跨域問題,配置vue.config.js

Vue3.x項目中官方已經刪除了vue.config.js配置文件,但是我們仍然需要配置跨域、打包、靜態資源目錄等問題,這時候仍然需要在vue項目中創建vue.config.js配置文件。 需要注意的是創建vue.config.j

原创 Vue-cli3.x引入本地json報404 解決方案

(近期公司用Vue開發後臺管理系統,順便做一些Vue方面的記錄,本人菜鳥一枚 希望大家多多指正;) 衆所周知,前端開發中“數據模擬”是很重要的,今天探討一下關於Vue加載本地json報404錯誤的解決方案! Vue-cli3.x中

原创 Vuex異步請求 導致子組件報錯

目錄: 前言:不知道大家有沒有遇到這樣的情況,A組件需要v-model綁定一個依賴於Vuex的數據,通常會直接綁定至Vuex數據源,如下所示是正常的處理流程; data: -------- trimesterId: "", //學期I

原创 Vue+ElementUI實現table表格動態合併

**本篇博客主要記錄個人在開發過程中遇到的難點問題,萬分期待大家的討論以及彌補短缺之處!** 首先看看elementui提供的table組件,直達【官網】 **文檔說明** 官方文檔中指出el-table組件接收一個"span-meth

原创 Vue全局定義方法

簡單介紹一下Vue全局定義方法以及如何使用! 1、首先在src目錄下新建一個commonjs(用來寫多個js文件) 2、文件內部安排上封裝好的代碼 3、最後在main.js引入 並且掛載到prototype原型上 然後就可以正

原创 Vue全局封裝axios請求

一、 簡介 使用Vue開發項目時,數據請求不再使用原生的ajax來請求數據,Vue官方庫提供的vue-resource已經不再更新和維護,現在新項目基本都以axios作爲主要請求方式; 二、使用 本例以POST單例請求爲例 axios(

原创 ElementUI dialog初始化獲取不到元素

前言:Vue+ElementUI開發項目,使用Dialog作爲子組件時,父組件初始化子組件內部未能獲取到dom元素; 假設 在父組件初始化完成之後,從後臺異步拿到數據傳遞給子組件; 子組件接收到父組件數據之後,做某種處理 返回給父組

原创 Vue實現自定義組件數據雙向綁定

前言:使用Vue進行項目開發的時候,通常會用到Vue提供的組件化機制封裝開發所需要的組件以達到開發項目的需求,大到項目中的一快篩選模塊、數據表格,小到分頁面板、級聯面板、乃至一個小小的button按鈕,之所以組件化也是爲提高我們實際的開發

原创 Vue全局定義過濾器

需求: Vue開發過程中,通常會把後臺數據特意處理之後再展示在頁面上,例如展示百分比 / 時間戳 / 計算結果等... 如果選擇特意在methods中處理就會顯得代碼比較凌亂,且每個實例下面都需要複製該方法,無論是從性能上還是代碼可維護性

原创 Vue-cli4.0.x報錯Unexpected console statement

尤大大10月22日把腳手架更新到了4.0.5版本,新項目入手4.0版本開發,隨後會持續記錄4.x版本的坑 (只有永遠躺在泥坑裏的人,纔不會掉進坑裏) 每次看到尤大大在笑我就想哭...,因爲又要學新的了..... 代碼: Login:

原创 JavaScript-ES6 神祕的解構賦值

寫這篇文章之前早已有“提筆畫西遊”的衝動,苦苦翻閱很多資料終於理解了神祕感十足的解構賦值,可奈何最近忙於工作上的事情擠不出時間更新博客。話不多說、先請JS祖師爺 - Douglas Crockford!  解構賦值:ES6 允許按照一

原创 ES6中Promise、async&await從入門到精通!

1、Promise 對象 ①:Promise可以看作爲一個容器,容器內部裝着未來纔會結束的異步操作; ②:Promise用於三種狀態:pending(進行中)、fulfilled(已成功)和rejected(已失敗); ③:狀態一旦開始,

原创 JavaScript之call()、apply()、bind() 詳解!

 作爲一名合格的前端開發者,大家都知道JavaScript中的this指向問題是一件很苦惱的事情,因爲你稍不留意他就跳來跳去 很多Bug就是在不經意間this上下文出錯導致。call()、apply()、bind()的作用也恰恰與this

原创 JavaScript之遞歸 詳解!

作爲一位名副其實的前端菜雞,不懂遞歸肯定是不符合氣質的。今天就深究一下遞歸的定義以及如何運作的,他的內部到底幹了什麼不可告人的事情? 首先了解一下遞歸的定義: 遞歸:遞歸函數自己調用自己,且函數內部必須有結束條件、否則就是一個死循環;

原创 前端:下載文件實現方式及跨域下載(詳解)

前言:本文詳細介紹在開發過程中前端如何與後端配合實現文件下載至本地,並詳細說明特殊格式文件如何處理。如果你是一名前端開發者,恰好需要實現後端文件下載至本地的需求,那麼恭喜你本篇文章一定會幫到你! 需求:實現二進制下載、URL下載、跨域下載