Vtip工具比element封裝的tooltip使用方便一點(diǎn),詳細(xì)配置文檔地址:https://www.npmjs.com/package/vtip[https://www....
記錄三種常用的父子組件傳值1、常規(guī)用法(1)父組件傳值給子組件,通過props接收父組件的傳的值。子組件傳值給父組件,通過$emit()事件分發(fā)向父組件傳值。 父組件中 定義...
記錄一個(gè)簡(jiǎn)單的方法,在表單輸入金額數(shù)字時(shí)顯示金額(¥)符號(hào),主要是用css樣式實(shí)現(xiàn)。效果如下: 具體代碼如下: 在el-form-item上添加一個(gè)類,moneyStyle為...
在做項(xiàng)目過程中遇到了,在列表上使用v-if控制顯示隱藏,表格渲染數(shù)據(jù)會(huì)錯(cuò)亂或者左側(cè)固定列會(huì)出現(xiàn)錯(cuò)亂,且不固定出現(xiàn)。列如: 解決方法:elementUI文檔中有doLayout...
要實(shí)現(xiàn)的效果為,勾選父節(jié)點(diǎn)時(shí),子節(jié)點(diǎn)不會(huì)被勾選,如圖: 勾選子節(jié)點(diǎn)時(shí),父節(jié)點(diǎn)勾選,如圖: 取消父節(jié)點(diǎn)時(shí),子節(jié)點(diǎn)全部取消,如圖: 1、在el-tree代碼中加上父子節(jié)點(diǎn)不互相關(guān)...
在src-utils文件夾下新建一個(gè)axios.js文件 在axios文件夾下添加一下代碼: 在src下新建api文件,api文件夾下新建api.js,在里面調(diào)用axios方法:
按照業(yè)務(wù)需求,要做一個(gè)權(quán)限菜單,方便設(shè)置人員的權(quán)限,在網(wǎng)上沒有找到想要的效果,自己琢磨了一下,如下為效果圖: 1、從接口獲取所有權(quán)限的數(shù)據(jù),如果獲取的數(shù)據(jù)不是樹形結(jié)構(gòu),先處理...
在項(xiàng)目中需要把數(shù)組轉(zhuǎn)換為樹形結(jié)構(gòu)經(jīng)常會(huì)遇到,所以封裝成方法需要時(shí)引用會(huì)更方便 1、在src文件下新建utils文件夾(此文件夾一般存放自己封裝的公共的工具類函數(shù)),新建too...
項(xiàng)目中離職管理需求為離職日期必須在入職日期到今日之間選擇(大于等于入職日期且小于的等于今天日期) 1、如圖所示: 2、日期選擇器代碼如下: 3、js代碼如下:
實(shí)現(xiàn)從excel表格導(dǎo)入數(shù)據(jù)到vue項(xiàng)目列表中的功能1、安裝依賴 2、封裝導(dǎo)入表格數(shù)據(jù)解析處理的函數(shù) 在src文件下新建utils文件夾(此文件夾一般存放自己封裝的公共的工具...
vue項(xiàng)目中導(dǎo)出Excel表格功能1.安裝3個(gè)依賴包file-saver,xlsx和script-loader 2.在src文件下新建文件夾excel(文件名自定義),引入兩...
在身份證輸入框綁定@input事件(在 Input 值改變時(shí)觸發(fā)),代碼如下: js代碼如下: 效果圖如下:
官方解釋moment.js是JavaScript 日期處理類庫(kù),也就是用于日期格式轉(zhuǎn)換的。官網(wǎng)地址:http://momentjs.cn/[http://momentjs.c...
在項(xiàng)目中有遇到需要隨意移動(dòng)容器的需求,容器里面可以是圖片、表格、撥號(hào)盤等,任意內(nèi)容。 用到了鼠標(biāo)事件onmousedown // 當(dāng)按下鼠標(biāo)按鈕時(shí)運(yùn)行onmousemo...
forEach() 方法對(duì)數(shù)組的每個(gè)元素執(zhí)行一次提供的函數(shù),一般適用于循環(huán)次數(shù)未知,或者計(jì)算循環(huán)次數(shù)比較麻煩情況下使用效率更高。 用forEach遍歷數(shù)組寫法 用forEac...
項(xiàng)目中經(jīng)常會(huì)對(duì)數(shù)據(jù)進(jìn)行處理,刪除對(duì)象中的某個(gè)或多個(gè)屬性,代碼如下: