原创 vue-cli3中熱更新失效，修改完代碼之後需要手動刷新頁面才能看到改變，解決辦法
在vue-cli3項目中，不知道怎麼回事突然項目就不能熱更新了，在本地修改完代碼之後頁面沒有自動刷新，所以每次更改都需要手動進行刷新頁面，比較耗時麻煩，之前是可以的，所以查找了下原因及解決辦法。 原因暫未知。 頁面效果： 1.項目無法實
2021-04-22 13:29:34
原创 數組中的數據項包含逗號則需在首尾拼接中括號[]來區分每一項，最後數組轉爲字符串，以及數據恢復
需求： 1.獲取到數據爲數組，其中有的數據項中本身包含逗號，則需要將帶有逗號的數據項首尾加上[]，最後數組轉爲字符串且以逗號拼接進行保存； 2.在回顯數據時，獲取到的就是傳過去的數據，需要恢復爲數組，且數據項中帶有逗號的不需要首尾加上中括號
2021-04-17 13:29:32
原创 組件之間的拖拽
項目中涉及到三種類型的拖拽： 1.el-tree拖拽字段至div，表格； 2.多個div之間的拖拽； 3.表格之間列的拖拽； 實現代碼： 1.el-tree拖拽字段至div，表格； 1.el-tree設置字段可拖拽至外部： <el
2021-04-13 13:29:44
3
原创 Vue重點知識
1.組件化思想； 2.v-model雙向綁定原理； 3.虛擬dom； 4.組件生命週期； 5.路由：vue-router； https://www.cnblogs.com/5201314m/p/14283738.html 6.數據請求：ax
2021-03-27 13:29:23
原创 vue-cli項目中生成免打包的配置文件，直接在配置文件中修改url地址刷新頁面即可更改請求域名地址，不需重新打包
需求： 在打包成功之後在dist中會生成一個配置文件，配置文件中包含要請求的地址，通過直接修改配置文件中的地址即可成功修改請求地址，不需要再重新打包。 方便在不同環境下運維修改地址之後可以直接部署，避免重複打包的工作。與本地代碼地址不衝突。
2020-12-02 12:57:06
原创 DateTimePicker日期時間選擇器中，只需要選擇器，不需要輸入框
vue的element-ui中有個日期時間選擇器，有個需求就是隻需要使用選擇器，而不需要輸入框，也就是說選擇時間的觸發條件是別的事件，比如點擊某個按鈕。 實現效果： 組件默認樣式：輸入框和時間選擇器是綁定的，當點擊輸入框時，才顯示時間選
2020-11-24 12:57:01
原创 vue的組件通信，六種方式
vue是組件化的框架，也就是說有一個根組件，然後由根組件可以衍生出很多子組件，共同組成一個頁面。此時就涉及到了組件間的通信，主要是數據的通信及方法的傳遞。 組件間通信有以下6種方式： 1.props/$emit; 最常用的組件通信方式
2020-11-04 12:57:05
原创 el-form設置規則校驗，在父子組件中多個表單需同時校驗
如上，數據源和格式化分別在不用的兩個子組件中，同時引用在了父組件中，需要在父組件中點擊確定按鈕時，校驗父組件及兩個子組件中的表單是否均滿足校驗。 使用el-form的:rules="rules"結合this.$refs[formName
2020-09-27 12:56:55
原创 el-popover氣泡彈出框屬性及方法
氣泡彈出框： 一般有三種觸發形式：hover, click 和 focus，在彈框中可以自定義內容，比較多變。 如上，比如我們通過click點擊來控制氣泡的顯示隱藏，當點擊測試div時，氣泡顯示，再點擊頁面任意位置或者測試div時，氣泡會
2020-09-12 13:05:21
原创 封裝axios，新建api.js文件，使用async/await調用
在項目中使用axios請求接口時，可以直接使用this.$axios來做， 也可以通過封裝axios的get、post、請求攔截等方法，然後可以將接口都寫在一個api.js文件中，在vue文件裏導入在api裏需要用到的接口，然後使用asyn
2020-08-02 13:00:46
原创 vue-cli3中配置axios及使用
創建了vue-cli3腳手架項目之後，需要自己新建一個vue.config.js文件，然後配置axios，就可以請求接口獲取數據了。 實現代碼： 1.vue.config.js：設置反向代理，解決跨域 proxy: { '/api
2020-08-01 13:00:46
原创 display: inline-block;
display常設置的幾個值：block，inline，inline-block，none等。 inline-block特性： 1.具有行內元素的特性，元素均在一行顯示； 2.具有塊級元素的特性，可以設置width,height,pa
2020-07-15 13:00:48
原创 vue中使用echarts，顯示某個省的地圖，且根據後臺返回經緯度在地圖上顯示自定義圖標
實現效果： 如上所示，顯示的是貴州省的地圖，且分爲三種圖標，表示的是三種不同類型，根據經緯度顯示具體位置。 實現代碼： 1.html: <div id="distributionDiv"></div> 2.js： import
2020-06-17 13:07:54
原创 關於form中的rules對變量設置多個校驗規則，執行順序
實現效果： 如上所示，對活動名稱設置了三個校驗規則，分別爲必填項，長度爲3~4個字符，需要爲數字/英文字母。 代碼如下： 1.html： <el-form :model="ruleForm" :rules="rules"
2020-06-16 13:08:20
原创 css的float，浮動
之前頁面佈局經常使用的是float+position，但是有個問題就是，給元素設置float會脫離文檔流，就相當於是在頁面中不再佔有位置，只是飄在該位置上面。 原理與position類似。 頁面效果： 期望效果： 實現代碼： 1
2020-06-02 13:29:05