原创 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