Vtip工具比element封裝的tooltip使用方便一點贪磺,詳細配置文檔地址:https://www.npmjs.com/package/vtip[https://www....
記錄三種常用的父子組件傳值1词渤、常規(guī)用法(1)父組件傳值給子組件辽话,通過props接收父組件的傳的值人乓。子組件傳值給父組件卤橄,通過$emit()事件分發(fā)向父組件傳值筑煮。 父組件中 定義...
記錄一個簡單的方法辛蚊,在表單輸入金額數(shù)字時顯示金額(¥)符號,主要是用css樣式實現(xiàn)真仲。效果如下: 具體代碼如下: 在el-form-item上添加一個類袋马,moneyStyle為...
在做項目過程中遇到了,在列表上使用v-if控制顯示隱藏秸应,表格渲染數(shù)據(jù)會錯亂或者左側(cè)固定列會出現(xiàn)錯亂虑凛,且不固定出現(xiàn)。列如: 解決方法:elementUI文檔中有doLayout...
要實現(xiàn)的效果為祸挪,勾選父節(jié)點時锣披,子節(jié)點不會被勾選,如圖: 勾選子節(jié)點時贿条,父節(jié)點勾選雹仿,如圖: 取消父節(jié)點時,子節(jié)點全部取消整以,如圖: 1胧辽、在el-tree代碼中加上父子節(jié)點不互相關(guān)...
在src-utils文件夾下新建一個axios.js文件 在axios文件夾下添加一下代碼: 在src下新建api文件,api文件夾下新建api.js悄蕾,在里面調(diào)用axios方法:
按照業(yè)務(wù)需求票顾,要做一個權(quán)限菜單础浮,方便設(shè)置人員的權(quán)限,在網(wǎng)上沒有找到想要的效果奠骄,自己琢磨了一下豆同,如下為效果圖: 1、從接口獲取所有權(quán)限的數(shù)據(jù)含鳞,如果獲取的數(shù)據(jù)不是樹形結(jié)構(gòu)影锈,先處理...
在項目中需要把數(shù)組轉(zhuǎn)換為樹形結(jié)構(gòu)經(jīng)常會遇到,所以封裝成方法需要時引用會更方便 1蝉绷、在src文件下新建utils文件夾(此文件夾一般存放自己封裝的公共的工具類函數(shù))鸭廷,新建too...
項目中離職管理需求為離職日期必須在入職日期到今日之間選擇(大于等于入職日期且小于的等于今天日期) 1、如圖所示: 2熔吗、日期選擇器代碼如下: 3辆床、js代碼如下:
實現(xiàn)從excel表格導(dǎo)入數(shù)據(jù)到vue項目列表中的功能1、安裝依賴 2桅狠、封裝導(dǎo)入表格數(shù)據(jù)解析處理的函數(shù) 在src文件下新建utils文件夾(此文件夾一般存放自己封裝的公共的工具...
vue項目中導(dǎo)出Excel表格功能1.安裝3個依賴包file-saver中跌,xlsx和script-loader 2.在src文件下新建文件夾excel(文件名自定義)咨堤,引入兩...
官方解釋moment.js是JavaScript 日期處理類庫一喘,也就是用于日期格式轉(zhuǎn)換的。官網(wǎng)地址:http://momentjs.cn/[http://momentjs.c...
在項目中有遇到需要隨意移動容器的需求凸克,容器里面可以是圖片、表格闷沥、撥號盤等触徐,任意內(nèi)容。 用到了鼠標事件onmousedown // 當(dāng)按下鼠標按鈕時運行onmousemo...
forEach() 方法對數(shù)組的每個元素執(zhí)行一次提供的函數(shù)狐赡,一般適用于循環(huán)次數(shù)未知,或者計算循環(huán)次數(shù)比較麻煩情況下使用效率更高疟丙。 用forEach遍歷數(shù)組寫法 用forEac...