原创 element級聯選擇器中獲取當前選擇node節點的兩種方式

級聯選擇器 一.官網給出的getCheckedNodes()方法 this.$refs['cascaderAddr'].getCheckedNodes() 打印效果如下: 但是這種方式有一個弊端,就是無法獲取到“搜索條件下”的nod

原创 element多選級聯回顯

1.如果直接處理二維數據 // 轉換後的二維數組(多選級聯回顯) convert(arr) { var map1 = {}; while(arr.length) { let

原创 前端jq實現中英文切換(i18n國際化方式,apicloud打包後也適用)

1.項目文件及目錄 2.準備js github下載地址:https://github.com/T-baby/jquery.i18n/releases 3.頁面代碼 <!DOCTYPE html> <html> <hea

原创 Elementui el-cascader組件動態獲取接口數據及其刷新問題

一.cascader組件調用接口動態獲取數據 <el-cascader ref="areaSelect" v-if="isShowAddressInfo" v-model="ruleForm.belongName" :s

原创 Ecahrts餅圖參數詳解

https://blog.csdn.net/sleepwalker_1992/article/details/82532210

原创 vue響應式佈局與自適應方案

layout佈局 https://blog.csdn.net/jack_bob/article/details/79813114 vue自適應方案 https://blog.csdn.net/linkea_i/article/detail

原创 js粒子特效——particles

鏈接:https://pan.baidu.com/s/1KqsZ5I8Qjz_J7ysQtw8tMw  提取碼:qy38  1.下載並引入particles.js 2.<div class="linebox"><div id="parti

原创 jq遍歷input(type='text'),並實時監聽文本框內容是否爲空及全選反選

一.如下圖,監聽四個文本框,輸入任意三項即可進行查詢,否則無法進行查詢操作 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <input type="text

原创 npm run dev時通過本地ip訪問項目

1. 2.cnpm run dev 3.

原创 js遍歷查看對象

param爲要查看的對象,Object object var property=''; for(var item in params){ property += "屬性:" + item + "數值:" + params[item]

原创 js獲取驗證碼倒計時(兩種方式,親測可用)

一.當標籤爲按鈕是,設置disabled屬性 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initi

原创 vue項目中js遞歸調用

injurySiteChange(arr1, aid){ // console.log('查看數據:',arr1, aid) let typeId='' arr1.forEach(v=>{ if(v.id=== ai

原创 vue前端跨域

一. 如果Content-Type設置爲“application/x-www-form-urlencoded;charset=UTF-8”無論是POST請求還是GET請求都是可以通過這種方式成功獲取參數,但是如果前端POST請求中的bod

原创 vue實際項目中的邏輯優化

實戰建議, 1、以後處理是否爲空字符串判斷時,不要使用(item ==='')來判斷,空字符串本身就是false,可以接寫if(item){}就可以,這樣寫還可以判斷null和undifined爲false 2、for循環取值時,不要在事

原创 利用javascript保存瀏覽器div內容爲圖片

html2canvas 能夠實現在用戶瀏覽器端直接對整個或部分頁面進行截屏。這個html2canvas腳本將當頁面渲染成一個Canvas圖片,通過讀取DOM並將不同的樣式應用到這些元素上實現。 1.http://html2canvas.h