原创 nuxt3中環境變量env不生效(process.env打印不出來自定義變量)

按理環境變量env配置比較簡單。網上一搜一堆。但是我按網上配置後都打印不出來(process.env)後來發現在nuxt.config.ts裏面配置的runtimeConfig會自動對應到環境變量上運行時配置在官網的遷移裏面寫了。猜測可能是

原创 nuxt3中$fetch方法delete請求不傳body500報錯

後臺delete請求參數寫在query中,當只傳query時報錯500內部服務錯誤,後臺斷點進不去。但是當傳入body請求體時接口正常進入。不知道什麼原因多次嘗試後發現。後臺加入跨域或配置devProxy可解決問題.由於我是配置routeR

原创 nuxt3中使用nprogress

下載依賴 npm i nprogress npm i --save-dev @types/nprogress // 引入ts類型聲明,未使用ts可不用 創建plugins文件夾 plugins目錄下創建nprogress.cli

原创 Iconify IntelliSense會把元素標籤替換爲圖標的問題

只需在VSCode中配置項目中包含的圖標集即可(猜測:未配置會查找所有的,難免有跟標籤重名的) 如下 配置前,el-upload會轉換爲圖標 配置後

原创 GLIBC_2.28 not found CentOS7不兼容Node高版本(18以上)

CentOS7中默認不支持高版本nodejs(18以上) 報錯如下 node: /lib64/libm.so.6: version `GLIBC_2.27' not found (required by node) node: /l

原创 vue3中使用simple-keyboard實現虛擬鍵盤(帶中文切換數字鍵盤)

效果圖 官網 simple-keyboard官網:https://hodgef.com/simple-keyboard/ 打不開的話請用魔法 不足 中文語言包支持度不夠。不過自己可以找語言包替換 依賴安裝 npm inst

原创 vscode中vue代碼提示插件

由來 基於(Vue 3 Snippets,Vue VSCode Snippets)插件集成而來,因爲這倆插件目前沒有集成最新vue代碼片段,且集成內容相對較少,於是這個插件就誕生了 插件提示跟vue寫法一致,詳情可看插件的介紹頁。除了

原创 js中訂閱發佈模式bus

export default { list: {}, // 事件中心集中地 /** * 發佈訂閱 * @param {string} name 事件名 * @param [...args] */ $em

原创 按鈕點擊水波紋效果和兩邊擴散效果

廢話少說,先上代碼了,複製到html中即可使用 點擊查看代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-e

原创 echarts中實現多個label

先來個效果圖 如果你剛好需要實現這種效果,那麼可以瞅一瞅了 我要開始水文了 如圖所示,圖中頂部部分文字乍一看好像是獨立於柱狀圖,顯示在最頂上,其實它也是由柱狀圖模擬而成. 只是吧圖形相關屬性做了隱藏,視覺上達到獨立於圖外 代碼正

原创 vue中類tabs左右滑動

效果圖 思路 給定一個變量用來記錄滾動了幾列,每滾動一次加1滾動一列,監聽頁面滾動父級元素寬度改變,重新設置滾動的距離(放在計算屬性中讓其自動計算) <template> <div class="container">

原创 elementui中下拉框(select)抖動問題

將下面樣式加入即可 // 處理下拉框中抖動 .el-select .el-input__inner { vertical-align: bottom !important; } 如設置了size屬性,可將樣式設爲 .el-select

原创 vue中elementui表格錯位問題解決(一次到位)

引入element-resize-detector 在項目引入插件(用來監聽元素寬度變化) npm install element-resize-detector --save 在文件中引入(寫在script中,export def

原创 在彈框區域外點擊,關閉彈框

思路 彈框最外層套個id,監聽文檔點擊事件,循環查找父級id,判斷是否包含在外層id中,包含不處理,不包含彈窗關閉 注意點 具體問題具體分析,如html層級解構混亂時,需加入額外判斷來處理,但整體思想不變 例子,vue中使用 docume

原创 vue,vuex,element實現無限tab頁效果

直接擼代碼 ?滿足你 碼雲地址 效果圖 tab頁由來 甲方爸爸的更改需求,無力反抗 分析代碼 懶的寫,直接擼就行 參考文章 點我