原创 Vue-Cli 3.0 中配置高德地圖
vue 中使用高德地圖有兩種方式 一、vue-amap 組件 官網： https://elemefe.github.io/vue-amap/#/ 開始的時候是打算用這個組件做地圖功能的，但是嘗試之後存在些問題，所以就放棄了，可能是我的
2019-06-19 14:24:50
2
原创 二、BaseCms系列文章：項目目錄結構介紹
一、 目錄結構截圖 二、 目錄結構說明 - documents 存放項目相關的文檔文件 - api api 數據接口目錄 - assets 資源文件目錄 - components
2019-06-15 14:18:04
原创 一、BaseCms系列文章：項目介紹與環境配置
一、項目效果圖預覽： 二、項目介紹 基於 elementui 寫一個自己的管理後臺。這個系列文章的目的就是記錄自己搭建整個管理後臺的過程，希望能幫助到那些入門 vue + elementui 開發的小夥伴。之前有
2019-06-15 14:18:04
原创 VUE 實現複製內容到剪貼板功能
注： 依賴第三方插件 clipboard 一、安裝插件 npm install vue-clipboard2 --save 二、全局注入（main.js） import VueClipboard from 'vue-clipb
2019-04-24 14:17:21
原创 [VUE ERROR] Invalid prop: type check failed for prop "list". Expected Array, got Undefined
錯誤原因： 子組件 props -> list 要求接收的數據類型是 Array, 然而實際接收到的是 Undefined。 子組件代碼： props: { list: { type: Array,
2019-04-16 14:37:01
原创 input 輸入框 change 事件和 blur 事件
輸入框的 change 和 blur 事件絕大多數情況下表現是一致的，輸入結束後離開輸入框會先後觸發 change 和 blur。那麼這兩個事件的區別在哪呢？ 當文本框獲得焦點後，沒有輸入任何內容，或者最終文本框的值沒有改變時，是不會觸發
2019-04-08 14:21:07
原创 [VUE ERROR] Error in render: "TypeError: Cannot create property 'header' on boolean 'true'"
項目基於ElemnetUi進行的開發，在引入第三方擴展庫 vue-element-extends 之後使用它的表格組件報了這個錯 解決方案： 1. 刪除項目中的 node_modules 2. 刪除 package-lock.json
2019-03-13 14:03:58
原创 [VUE ERROR] Duplicate keys detected: 'tab-user'. This may cause an update error.
錯誤消息如圖： 如果你看到此錯誤消息，則說明 v-for 指令的 key值 重複了，只需修改你的 key值 讓其不會重複即可。
2019-02-25 13:56:27
原创 VUE CLI 3.0 項目引入 Mock.js
mockjs 官網：http://mockjs.com/ 之前沒有使用過 mockjs 的同學，請參考官網文檔，數據生成規則和方法的調用都有詳細說明。 一、通過npm安裝依賴包 1. 進入到項目目錄，執行指令： npm install
2019-02-22 13:50:47
原创 VUE CLI 3.0 項目引入 ElementUI
ElementUI 官網： http://element-cn.eleme.io/#/zh-CN/component/installation 一、通過npm安裝依賴包 1. 進入到項目目錄，執行指令 ： npm i element-u
2019-02-22 13:50:47
原创 VUE CLI 3.0 安裝及創建項目
一、安裝 VUE CLI 3.0 官網： https://cli.vuejs.org/ 詳細資料可以自己先把官網過一遍。 1. 安裝（默認你的電腦上已安裝node及npm） npm install -g @vue/cli 2.
2019-02-22 13:50:45
原创 Invalid options in vue.config.js: "publicPath" is not allowed
項目在build的時候報的這個錯誤： 具體原因是因爲版本支持的問題，publicPath 屬性到 vue-cli 3.2.0 之後才支持，所以將 publicPaht 改成 baseUrl 即可，或者升級你的 vue-cli 。
2019-02-22 13:50:45
原创 VUE路由轉場特效，WebAPP的前進與後退
一、效果圖 二、思路 1. 定義兩個 CSS 過度動畫，前進與後退： slide-right-enter 和 slide-left-enter 2. 給路由配置meta信息，設置各個路由的級別： index 3. 監控
2019-02-17 14:11:41
原创 Vue組件 之 Toast (Vue.extend 方式)
一、效果圖 二、說明 這類提示框組件我們通常都會直接在 JS 代碼中進行調用。像下面這樣： this.$toast('別點啦，到頭啦！') 但看到網上大多數還是通過 component 方式實現的，這樣的話我們在使用的時候還
2019-01-27 13:41:22
原创 VUE基於ElementUI搭建的簡易單頁後臺
一、項目鏈接 GitHub 地址： https://github.com/imxiaoer/ElementUIAdmin 項目演示地址：https://imxiaoer.github.io/ElementUIAdmin/dist/index
2019-01-10 13:56:12