原创 this.$set

1.this.$set的簡單介紹      this.$set是進行手動更新界面的一個方法      原理 - 將數據變爲響應式數據      首先 - vue能夠更新數據,依賴與vue的數據是響應式的數據,defineproperty裏

原创 環境安裝 - npm.yarn修改安裝路徑和全局下載路徑更改

前言 - npm的默認安裝路徑是c盤,它的全局安裝路徑也是c盤,但是現在大家都知道,東西儘量不往c盤裝,所以要怎麼修改npm,           以及yarn的安裝位置和全局下載路徑呢??   1.npm的安裝和修改       npm

原创 vue - elementUI 將table表格動態合併

如:下圖   template部分 <el-table :data="tableData" :span-method="objectSpanMethod"

原创 element彈框作爲子組件的應用

 引言:很好奇彈框作爲子組件引入父組件的時候,爲什麼created會在父組件一加載就執行,而不是每次點擊彈框執行,因此有了這篇總結(當然可以忽略這段話,哈哈)   首先值得一定需要區分的       v-if:是操作的是DOM結構,他會移

原创 elementUI的table翻頁記錄功能實現

首先要了解,table表分頁,是在點擊下一頁會獲取新一頁的數據,在點擊上一頁,數據是重新請求的,因此若第一頁有選中狀態,點擊任何頁在回到第一頁,選中狀態會消失,這個時候的分頁記憶功能就非常重要了  實現分頁功能很重要的一個方法 - tog

原创 vue的excel的文件的下載和上傳

需求 - 下載後臺返回的excel,修改後上傳   界面顯示 -       html部分 -  <el-upload class="upload-demo" :headers="

原创 vue路由的兩種傳參方式

1.params傳值     傳參 - 根據route的name進行匹配 this.$router.push({ name: '充電訂單詳情', //匹配route裏面配置的name para

原创 vue中element-ui不能修改el-input框,或者是不能修改某些值

1.刪除scoped,簡單快捷       但是大家都知道scoped是爲了讓代碼有自己的作用範圍,有時候是是不好的   2.重寫覆蓋  - 注意的是,要寫自己的類名,否則也會造成全部的覆蓋   

原创 vue- 驗證碼實現

注意的點: 後端返回的可能是二進制文件 解決方法 - 將請求地址直接寫在src中 例子:    template         src的地址爲後臺地址,key爲後臺要求傳遞的值      簡單粗暴的獲取驗證碼 - 注意,這裏的$ref

原创 js的繼承

1.構造函數實現繼承       缺點:不能繼承方法 //構造函數實現繼承 function Parent(name){ this.name = name }

原创 webSocket

什麼是webSocket? WebSocket 是 HTML5 開始提供的一種在單個 TCP 連接上進行全雙工通訊的協議。 WebSocket 使得客戶端和服務器之間的數據交換變得更加簡單,允許服務端主動向客戶端推送數據。在 WebSoc

原创 利用express腳手架快速搭建web服務器

1.全局下載express                npm i express-generator -g              yarn global add express-generator 2.利用express進行快速搭

原创 前端的深拷貝與淺拷貝

什麼是拷貝?       拷貝,就是將一個對象obj1複製給另個對象obj2,且obj2的數據發生改變時,obj1不發生改變 淺拷貝     只拷貝第一層對象的數據    淺拷貝實現方式 - 1.循環遍歷對象,複製            

原创 vue的基礎學習(三)-vue組件之間傳值

vue組件之間傳值:     (1)父傳子          原理: 父組件:利用自定義屬性進行傳值                      子組件利用props進行接收使用         父組件 <template> <div

原创 string的常用方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width