原创 elementui 樹形表格 全部展開及收起功能

elementui: v2.12.0 主要方法: toggleRowExpansion 方法名 說明 參數 toggleRowExpansion 用於可展開表格與樹形表格,切換某一行的展開狀態,如果使用了第二個參數,

原创 elementui組件—— el-scroll的使用

項目開發中使用到了elementui組件,後期發現瀏覽器中的滾動條不僅佔寬,還與頁面暗色風格不搭配。於是打算尋找一款插件使用,而elementui中的scroll組件剛好滿足需要而且兼容ie10+。 官網側邊欄中scroll

原创 關於對象深層級的拷貝

今天合併個echarts屬性的代碼,優先使用頁面級的配置。這裏就涉及到了對象的合併,但是自定義配置不能層級關係肯定一致,有時僅需要配置某一個屬性即可。 最開始使用瞭解構賦值,後來發現結構賦值和Object.assign()均無法

原创 vue項目在ie瀏覽器下白屏問題

Polyfill 瀏覽器兼容-polyfill的使用 ie瀏覽器下,vue項目遇到的問題,基本就是語法的兼容,一般引入polyfill就可以了,具體方法有三種,vue官網也都講了,不考慮包的大小問題,一般最省事的就是用第三種方法:

原创 Axure 中繼器製作可收縮的側邊欄--控制子級菜單數量

最近參與的項目中,做前端就成了嘛,但是還得幹ui的活,順帶着也擔起了需求…9106不是夢! 畫原型的工具是Axure,人吶就是要學會偷懶才行。做側邊欄的時候,被顯示隱藏折騰的要腦闊爆裂,於是找來 baidu.com 看有沒有簡單的

原创 echarts繪製分時圖(2)-- 配置echarts

簡單介紹 工作中需要繪製公司的分時和日k,但是接口要自己找。於是我就使用了騰訊的接口調分時和日k數據,新浪的接口調股票基本信息。如股票名字、今日開盤價、昨日收盤價、當前價格等等。均價線目前還沒有。 參考資料: https://blog

原创 echarts繪製分時圖(1)-- 接收及處理股票接口數據

簡單介紹 工作中需要繪製公司的分時和日k,但是接口要自己找。於是我就使用了騰訊的接口調分時和日k數據,新浪的接口調股票基本信息。如股票名字、今日開盤價、昨日收盤價、當前價格等等。均價線目前還沒有。 參考資料: https://blog

原创 npm run eslint 報錯

93 problems (93 errors, 0 warnings) 87 errors, 0 warnings potentially fixable with the --fix option. 報這個錯是因爲package.j

原创 elementui 表單公共方法驗證-二

項目中有了一個公共的表單驗證後,隨着需求的深入,會有不同的輸入要求,比如a頁面的‘name’要求字符只能中文與校驗字符串長度,b頁面的則需要必錄加校驗字符串長度以及中文。 仔細觀察可以看到rules取的都是一個對象數組,可以是一個,可

原创 elementui-清除彈框中表單的默認值-resetFields()

當彈框(dialog)中含有表單,要進行編輯、查看、新增操作,需要複用彈框,會涉及到清空表單數據。 elementui官網中dialog部分有這麼一句話: Dialog 的內容是懶渲染的,即在第一次被打開之前,傳入的默認 slot

原创 elementui 表單公共方法驗證

做項目時會涉及到很多表單,前臺的表單驗證就必不可少,很多公共的驗證,比如:手機號、日期、身份證等,一套寫下來也很費時間,完全可以寫個公共方法common去校驗,.vue文件通過:rules='$rules.common'調用。 文

原创 vue+elemenui 跨域上傳圖片

.vue 文件 主要注意這兩個: action 請求的地址。直接請求接口https://… 由於同源策略會出現跨域問題,需要後面配置代理,使本地可以跨域請求接口。 name 表單name值 <temeplate> <el

原创 elementui 表單驗證

表單驗證錯誤 form的幾種驗證方法: 1.在單個的表單域上傳遞屬性的驗證規則。 2. 自定義驗證規則,進行多次驗證。 2.1需要form綁定roules 2.2 data內聲明規則,rules放在data下的return

原创 Vue + elementui:tab頁與菜單欄的綁定

tab頁與菜單欄的綁定 剛接觸vue,平常項目都是後臺管理式的,就打算用vue+elementui搭建個簡單的後臺,博客也是第一次寫啦,想記錄學習的同時能得到大家不同的建議和糾錯,哪裏不對歡迎指正。 主要參考項目點這裏查看 這塊