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