最近使用到了 ant design 上傳組件煞抬，用到了手動(dòng)上傳這部分，折騰了兩三天藤滥，最后勉強(qiáng)摸通了手動(dòng)上傳的一些門路底燎，記錄一下刃榨。 手動(dòng)上傳顯示縮略圖 手動(dòng)上傳的預(yù)覽選擇 縮略圖...
發(fā)簡信
IP屬地：江蘇
-
ant design 上傳組件使用總結(jié)（手動(dòng)上傳）
-
Ant Design Pro學(xué)習(xí)之使用upload組件并用form表單提交效果 實(shí)現(xiàn)思路和代碼 利用upload提供的beforeUpload屬性，先將文件放到state里双仍，隨后和form表單一起提交喇澡。先上干貨，再解釋一些走過的彎彎繞 接口代碼接受...
-
ant design pro v4 菜單請求數(shù)據(jù)
1.model文件夾新建文件menu.ts 2.打開layouts里面BasicLayout.tsx新增menuData 且在 useState方法里新增請求菜單接口
-
-
nuxt靜態(tài)部署 layouts/error.vue配置問題
實(shí)現(xiàn)效果：根據(jù)官網(wǎng)建立layouts/error.vue文件读存，目的为流，在用戶輸入路由錯(cuò)誤（即非router配置的路由）時(shí)，響應(yīng)一個(gè)錯(cuò)誤的提示頁面而不是使用瀏覽器報(bào)錯(cuò)的形式让簿，如：...
-
小程序登錄敬察、獲取用戶信息、手機(jī)號小程序登錄（非騰訊云服務(wù)） 登錄流程時(shí)序 2尔当、服務(wù)器調(diào)用 code2Session 接口莲祸，換取 用戶唯一標(biāo)識 OpenID 、 會(huì)話密鑰 session_key 以及Uni...
-
Vue - 子組件調(diào)用父組件的幾種方法
參考： 這篇文章中介紹了三種方法分別為：1椭迎、子組件通過使用this.emit('xxx') (xxx：是你要調(diào)用的方法名锐帜，只要方法名不要后面的小括號)3、父組件把方法名傳給...
-
微信小程序區(qū)分開發(fā)環(huán)境畜号、生產(chǎn)環(huán)境（開發(fā)版缴阎、體驗(yàn)版、正式版）一简软、先說方法：wx.getAccountInfoSync() 獲取當(dāng)前帳號信息蛮拔。線上小程序版本號僅支持在正式版小程序中獲取述暂，開發(fā)版和體驗(yàn)版中無法獲取。https://deve...
-
CSS繪制三角形—border法1. 實(shí)現(xiàn)一個(gè)簡單的三角形 使用CSS盒模型中的border（邊框）即可實(shí)現(xiàn)如下所示的三角形： 實(shí)現(xiàn)原理： 首先來看在為元素添加border時(shí)畦韭，border的樣子；假設(shè)有如下...
-
詳細(xì)element-ui的走馬燈carousel輕松實(shí)現(xiàn)自適應(yīng)全屏banner詳細(xì)過程
div部分 <el-carousel indicator-position="outside" :height="bannerHeight + 'px'"> <el-c...
-
小程序-長按保存圖片微信瀏覽器打開h5頁面如果是img標(biāo)簽的話肛跌，長按會(huì)彈出保存圖片的選項(xiàng)艺配。但是微信小程序里面不可以。需要自己寫這個(gè)功能惋砂。這個(gè)功能有兩個(gè)點(diǎn)妒挎，一個(gè)是長按，一個(gè)是保存圖片到本地西饵。 1,...
-
Nuxt 開發(fā)記錄Nuxt.js是一個(gè)基于Vue.js的通用應(yīng)用架構(gòu), 它預(yù)設(shè)了服務(wù)端渲染(SSR, Server Side Render)應(yīng)用所需要的相關(guān)配置, 同時(shí)也支持生成靜態(tài)站點(diǎn). 1...
-
Maximum call stack size exceeded解決方案
最近npm install報(bào)錯(cuò)Maximum call stack size exceeded酝掩，網(wǎng)上查詢是棧溢出 解決方案： rm package-lock.json rm ...
-
你好，設(shè)置默認(rèn)值我的數(shù)據(jù)類型跟請求數(shù)據(jù)類型一致眷柔，設(shè)置默認(rèn)值有時(shí)顯示有時(shí)不顯示期虾，你碰到過嗎
element-ui cascader 省市區(qū) 動(dòng)態(tài)加載
缺點(diǎn)：不能賦默認(rèn)值（目前還沒找到方法 ）解決：原來是返回的默認(rèn)值和請求的數(shù)據(jù)類型不一樣（code） 如果數(shù)據(jù)類型一樣是可以回顯默認(rèn)值的 props:設(shè)置賦值規(guī)則 2020/3...
-
element-ui cascader 省市區(qū) 動(dòng)態(tài)加載
缺點(diǎn)：不能賦默認(rèn)值（目前還沒找到方法 ）解決：原來是返回的默認(rèn)值和請求的數(shù)據(jù)類型不一樣（code） 如果數(shù)據(jù)類型一樣是可以回顯默認(rèn)值的 props:設(shè)置賦值規(guī)則 2020/3...
-
CSS-動(dòng)畫animation動(dòng)畫可以通過設(shè)置多個(gè)節(jié)點(diǎn)來精確控制一個(gè)或一組動(dòng)畫，常用來實(shí)現(xiàn)復(fù)雜的動(dòng)畫效果驯嘱。引用動(dòng)畫：animation：動(dòng)畫名稱 動(dòng)畫時(shí)間 運(yùn)動(dòng)曲線 何時(shí)開始 播放次數(shù) 是否反方向; 定義...
-
移動(dòng)端適配方案移動(dòng)端適配方案：1）viewport（scale=1/dpr）2）rem3）flex4）vm/vh一镶苞、什么是移動(dòng)端適配 移動(dòng)端Web頁面，即常說的H5頁面鞠评、手機(jī)頁面茂蚓、webv...
