原创 tree-select

由於elementUI沒有樹形選擇組件,但是項目又需要,因此粗實現單選擇的樹形選擇組件。 組件組成 elementUI的Input elementUI的Select elementUI的Tree Attributes v-

原创 Type of the default value for 'propsTree' prop must be a function

Type of the default value for ‘propsTree’ prop must be a function 今天在運行項目時候發現有報錯信息,心裏很難受,怎麼可以有紅。 環境: vue cli 3.0初始化

原创 elementUI表格動態渲染錯亂

問題: 表格設置固定高度,表格內容超過高度,表格出現滾動,但是表格滾動部分高度偏小(比表格高度減去表格頭小)。表格左側第一列固定左側,橫向出現滾動,表格橫向出現錯位。不固定出現,頻率有時高、有時低。 環境: vue: 2.6.6

原创 ECharts堆疊柱狀圖label顯示總和

思路: 將最後一類的label用formatter函數處理爲總和。 option = { title: { text: '分類銷量(堆疊柱狀圖求和)' }, legend: {

原创 原生小程序踩坑

基礎庫版本2.10.1 1. 使用hidden無效 <div hidden="true">隱藏的</div> 說明: 由於是H5代碼遷移所以存在很多div標籤,由於比較懶所以沒轉成view,在使用hidden屬性的時候遇到了問題

原创 Ant Design of Vue表格點擊行展開與操作單元格衝突

Ant Design of Vue表格點擊行展開與操作單元格衝突 問題: 使用Ant Design of Vue的Table組件,實現表格嵌套表格,並且點擊父表格行展開子表格,由於父表格中有操作單元格,點擊編輯或者刪除時候,子表格

原创 路由重複註冊Duplicate named routes

問題: 控制檯報錯Duplicate named routes,一開始登錄,切換用戶時都會出現 環境: vue: 2.6.6 element-ui: 2.10.1 動態權限控制路由 分析: 報錯的意思是路由重複定義。查看靜態路由

原创 Sass安裝失敗處理

項目中使用sass的經常會出現安裝失敗報錯,今天安裝包出現了兩個錯誤,現在記錄下來,以供參考。出現報錯很多小白都會一臉懵逼,不知所措。其實仔細看看紅色報錯信息,很容易找到原因,有時候把報錯信息複製下來百度也能找到很好的解決方案。

原创 element分頁組件控制翻頁

問題: 點擊分頁組件切換頁碼,切換之前顯示消息提示框,根據消息提示框的操作來確定是否切換頁碼。但是Pagination組件沒有頁碼切換前的回調,只有切換後的回調。 分析: 分頁組件的current-page可以通過.sync修飾符

原创 Disallow self-closing on HTML void elements

環境: vue cli 3.0初始化帶有eslint項目 觸發位置: <img class="avatar" :src="photoUrl" alt="avatar" /> 解決: 報錯內容是:不允許對HTML void元素進行

原创 router跳轉兩次

環境: vue cli3項目 問題: 路由的參數沒有,導致頁面報錯,實際是路由跳轉兩次,第一次有參數,第二次沒有 分析: 既然跳轉了兩次首先應該想發起路由跳轉的事件裏面是否出現重複的this.$router.push,查看一番

原创 打印頁邊距問題

問題: 打印功能(打印頁面),預覽界面第二頁頂部沒有間距 問題代碼: <style type="text/css" media="print"> @page { size: auto; margin: 0mm;

原创 實現上傳進度條

JS文件上傳,依靠 <input type="file">這個標籤可以完成文件上傳的操作,這裏就不細說,這裏主要說一下進度條的實現。 想要實現進度條我們需要了解一個對象 XMLHttpRequest ProgressEvent

原创 樣式變量共用於js或者template

環境 vue cli4項目 stylus (如果使用sass、less,可以類比) 步驟 創建stylus的變量文件 variable.styl $mainBg = rgba(0, 21, 42, 1); $mainWid

原创 uni-app新入手踩坑

運行項目必備(微信小程序爲例) 小程序安裝路徑配置 插件安裝 包安裝 微信開發者工具服務端口 小程序安裝路徑配置 運行=>運行到小程序模擬器=>運行設置=>微信開發者工具路徑=>填寫或者瀏覽選擇 插件安裝 工具=>插件安裝=>