在頁面最下面的input,有時在iPhone上鍵盤彈起,遮擋住了輸入框,使用了cursor-spacing屬性也解決不了,最后監聽了一下input的focus事件,在獲得焦點...

在頁面最下面的input,有時在iPhone上鍵盤彈起,遮擋住了輸入框,使用了cursor-spacing屬性也解決不了,最后監聽了一下input的focus事件,在獲得焦點...
使用axios-cache-adapter,緩存axios發起的請求https://www.npmjs.com/package/axios-cache-adapter[htt...
在vue3.2中增加了一個style v-bind的特性,簡單來說就是把我們script中的數據可以在style標簽中使用,下面我們來寫一個最簡單的例子我們定義一個color...
使用取色器 EyeDropper API我們可以在屏幕上拾取顏色,就跟ps的吸管功能一樣。這是一個實驗性的API,從Chrome 95才開始支持的。我們就來試用一下。首先,還...
toRef和toRefs可以理解為給一個響應式對象的一個或多個屬性創建ref對象。ref的值會和響應式對象的值保持同步。區別就是toRef是創建一個,toRefs是一下創建多...
1.在index.scss有個base.scss,在base.scss引入的icon.scss
2.我這樣一個一個都引入進來有個好處,就是可以按需引入,把自己不用的組件去掉
3.這個問題后來我發現了別人的解決辦法,你也可以試試https://blog.csdn.net/palmer_kai/article/details/105728156
【web前端】element-ui框架在線上環境偶爾出現iconfont圖標亂碼的問題,解決辦法使用element-UI的項目,打包部署以后,偶爾會出現iconfont顯示亂碼 但是刷新以后就變成正常了。 經過研究以后發現,圖標字體的content經過scss編譯以后變...
form-generator地址:https://gitee.com/mrhj/form-generator[https://gitee.com/mrhj/form-gene...
在這個例子中,我們在新寫一個permissionStore,來存儲我們的權限數組,這個store中我們需要使用到之前定義的profileStore。其實用起來很簡單,直接導入...
pinia中的getter和vue中計算屬性一樣,它可以在獲取state的值時做一些處理。我們還是以實際的例子來學習,在前面寫的例子中,我們有顯示用戶的手機號碼,現在有一個新...
我們把數據存放在state中,如果修改它的話,就要使用pinia中另外一個重要的概念actions了。如果與Vuex對比,pinia中的action相當于Vuex中mutat...
Pinia是第一代的vue狀態管理庫,它的開發者也是Vuex的核心開發者,據Pinia開發者說,下一版的Vuex風格和API設計方式會和Pinia非常相似。Pinia拋棄了原...
我們以之前寫的用戶詳情頁為例,把之前獲取參數的功能改寫為組合API的方式。之前vueDetail.vue的代碼: 下面我們來使用組合API獲取參數,獲取到route對象,需要...
如果一個頁面特別長,用戶已經進行了頁面滾動,這時候跳轉到了下一個頁面,頁面滾動應該怎么處理?vue-router已經給我們提供了scrollBehavior來處理這個問題。但...
動態添加路由 現在我們所寫的幾個都是固定路由,每個用戶都可以通過這些路由訪問到我們的每個頁面,但是在一些管理系統中,由于權限限制,每個用戶只能訪問到部分頁面。這時候動態添加路...
重定向 重定向通過redirect屬性來定義,頁面會跳到redirect指定的路由比如,我們定義一個根路由‘/’,讓它重定向到‘/index’: 就是這樣,很簡單,在瀏覽器輸...
我們繼續來學習關于路由匹配更多的用法 404頁面 我們要配置一個路由,如果用戶進入一個我們在route中沒有定義過的頁面,就讓他進入404頁面,首先寫一個vue文件,表示40...
在之前我們學習的setup函數中,我們要先定義一個數據,然后在setup中return它才能在模板中使用,這樣每增加一個數據或者方法,還要至少修改兩處代碼,有點麻煩。現在如果...
現在我們開始學習一些vue-router的高級一點的內容,這節課我們一起學習如何在頁面跳轉時添加一些過渡動效。我們還是繼續在vue-router4快速入門的例子的基礎上改,先...