vue使用element-ui的el-date-picker設(shè)置樣式無(wú)效的解決
更新時(shí)間：2023年03月07日 09:22:57 作者：ChangYan.
本文主要介紹了vue使用element-ui的el-date-picker設(shè)置樣式無(wú)效的解決，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
一般在vue中設(shè)置css樣式，由于代碼為<style lang=“scss” scoped>，設(shè)置了scoped，所以一般改變element-ui中的樣式都使用::v-deep來(lái)進(jìn)行。但是對(duì)于el-date-picker發(fā)現(xiàn)設(shè)置v-deep并沒有效果，無(wú)法改變樣式。
這是由于el-date-picker沒有掛載到當(dāng)前頁(yè)面上，而是直接掛載到了整體的body中，也就是說在當(dāng)前加載出來(lái)的頁(yè)面上無(wú)法定位到el-date-picker，所以在當(dāng)前頁(yè)無(wú)法進(jìn)行css樣式設(shè)置。
解決辦法：
設(shè)置全局樣式，在main.js里引入
如圖：
然后我在index.scss里邊設(shè)置了自定義的寬度
然后看看效果，確實(shí)設(shè)置成功了！
到此這篇關(guān)于vue使用element-ui的el-date-picker設(shè)置樣式無(wú)效的解決的文章就介紹到這了,更多相關(guān)el-date-picker 樣式無(wú)效內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue2.x中h函數(shù)(createElement)與vue3中的h函數(shù)詳解
h函數(shù)本質(zhì)就是createElement(),h函數(shù)其實(shí)是createVNode的語(yǔ)法糖,返回的就是一個(gè)Js普通對(duì)象,下面這篇文章主要給大家介紹了關(guān)于vue2.x中h函數(shù)(createElement)與vue3中h函數(shù)的相關(guān)資料,需要的朋友可以參考下2022-12-12
基于element-ui中el-select下拉框選項(xiàng)過多的優(yōu)化方案
這篇文章主要介紹了基于element-ui中el-select下拉框選項(xiàng)過多的優(yōu)化方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
本篇文章主要介紹了詳解使用vuex進(jìn)行菜單管理，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-12-12
這篇文章主要介紹了Vue如何動(dòng)態(tài)加載本地圖片的相關(guān)知識(shí)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了Vue中如何引用公共方法和公共組件問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章主要介紹了vue引入組件的幾種方法匯總,包括常用的局部引入,這里需要注意在哪個(gè)頁(yè)面需要就在那個(gè)頁(yè)面引入、注冊(cè)、使用,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧2023-10-10
vue使用vuedraggable插件實(shí)現(xiàn)拖拽效果
這篇文章主要介紹了vue使用vuedraggable插件實(shí)現(xiàn)拖拽效果,本文分步驟介紹了安裝vuedraggable插件的方法及頁(yè)面引入的方法,需要的朋友可以參考下2024-04-04
這篇文章主要介紹了vue?同局域網(wǎng)訪問不到的問題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
Element-ui的table中使用fixed后出現(xiàn)行混亂情況的解決
這篇文章主要介紹了Element-ui的table中使用fixed后出現(xiàn)行混亂情況的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了使用vue實(shí)現(xiàn)各類彈出框組件,文中給大家提到了vue中常用的dialog組件的封裝，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-07-07