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