vue中使用/deep/失效的解決方法
更新時間：2022年11月22日 14:28:38 作者：懟懟你
這篇文章主要介紹了vue中使用/deep/失效的解決辦法,使用了css預(yù)處理器，則可以使用/deep/， 如果/deep/ 無效，則使用 ::v-deep，本文給大家講解的非常詳細(xì)需要的朋友可以參考下
1. 若是沒有使用像less, sass等這樣的css預(yù)處理器， 那么是只能使用 >>>這樣的css深度選擇器
<style scoped>
.box >>> el.dialog {
}
</style>2. 若是使用了css預(yù)處理器，則可以使用/deep/， 如果/deep/ 無效，則使用 ::v-deep
<style scoped lang="scss">
.box /deep/ el.dialog {
}
</style>或
<style scoped lang="scss">
.box ::v-deep el.dialog {
}
</style>3. 如果使用了css預(yù)處理器，使用/deep/ 和::v-deep 都失效，那么需要看看style 上是不是沒有加上 scoped。若加上了還是無效，那么就只能把代碼寫入全局css中了，但是需要注意用一個css類包裹起來，不然會改變很多全局樣式。
<style>
.box .el-dialog {
}
</style>或
<style lang="scss">
.box .el-dialog {
}
</style>到此這篇關(guān)于vue中使用/deep/失效的解決辦法的文章就介紹到這了,更多相關(guān)vue /deep/無效內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本篇文章主要介紹了vue計算屬性的使用和vue實例的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了vue請求后端數(shù)據(jù)和跨域問題,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-05-05
vue-cli3環(huán)境變量與分環(huán)境打包的方法示例
這篇文章主要介紹了vue-cli3環(huán)境變量與分環(huán)境打包的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
這篇文章主要介紹了Vue 實現(xiàn)前進(jìn)刷新后退不刷新的效果,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
這篇文章主要介紹了vue語法之render函數(shù)和jsx的基本使用,在Vue中是支持jsx的,凡是我們是比較少在Vue中使用jsx的,jsx在react中使用的更加廣泛,因此在這里我簡單介紹一下jsx的基本使用，需要的朋友可以參考下2022-08-08
在vue組件通信中其中最常見通信方式就是父子組件之中的通信，而父子組件的設(shè)定方式在不同情況下又各有不同。這篇文章主要介紹了Vue---父子組件之間的通信,需要的朋友可以參考下2018-09-09
關(guān)于el-table-column的formatter的使用及說明
這篇文章主要介紹了關(guān)于el-table-column的formatter的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue項目如何配置public靜態(tài)資源路徑訪問方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
手寫實現(xiàn)vue2下拉菜單dropdown組件實例
這篇文章主要為大家介紹了手寫vue2下拉菜單dropdown組件實例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了如何解決ECharts圖表切換后縮成一團(tuán)的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10