Vue項目中使用iView組件庫設(shè)置樣式不生效的解決方案
更新時間：2022年09月22日 10:46:13 作者：圓唉_
這篇文章主要介紹了Vue項目中使用iView組件庫設(shè)置樣式不生效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
使用iView組件庫設(shè)置樣式不生效問題
找到要設(shè)置樣式的類名，直接按照下面寫法設(shè)置就可以了！
<style lang="less" scoped>
@deep: ~'>>>';
@{deep}.ivu-transfer-operation {
? ? visibility: hidden !important;
}
</style>解決使用iview或者element-ui組件修改樣式不生效
1.樣式如果定義為
<style lang="less" scoped></style>
使用 &/deep/來修改組件的樣式
在引用的組件外面套一層div，在div中定義一個class,例如class=“desinger”
修改樣式時如下操作即可：添加&/deep/
2.樣式如果沒有定義
lang<style scoped></style>,則使用>>>來修改
eg：
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家介紹了vue3封裝自定義v-model的hooks示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
vue 需求 data中的數(shù)據(jù)之間的調(diào)用操作
這篇文章主要介紹了vue 需求 data中的數(shù)據(jù)之間的調(diào)用操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要為大家詳細介紹了vue.js實現(xiàn)h5機器人聊天測試版，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
這篇文章主要為大家詳細介紹了vue組件父子間通信之綜合練習(xí)聊天室制作，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
有時候我們使用el-table的選擇框時,如果涉及修改、刪除時,可能一次只允許用戶選擇一條,這樣的話如果使用頂部的全選復(fù)選框就不合適了,這篇文章主要給大家介紹了關(guān)于el-table表頭全選框隱藏或禁用設(shè)置的相關(guān)資料,需要的朋友可以參考下2023-09-09
這篇文章主要為大家詳細介紹了Vue實現(xiàn)簡單跑馬燈特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
在Vue.js開發(fā)中,我們經(jīng)常需要創(chuàng)建可復(fù)用的組件,這些組件可能會有自己的樣式規(guī)則,而有時我們希望父組件能夠影響子組件的樣式,本文將詳細介紹如何使用v-deep以及一些相關(guān)的最佳實踐,需要的朋友可以參考下2024-10-10
vuex是一個專門為vue.js設(shè)計的集中式狀態(tài)管理架構(gòu)。這篇文章主要介紹了vuex的簡單使用,需要的朋友可以參考下2018-02-02
VUE 實現(xiàn)element upload上傳圖片到阿里云
這篇文章主要介紹了VUE 實現(xiàn)element upload上傳圖片到阿里云，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
下面小編就為大家分享一篇vue頁面離開后執(zhí)行函數(shù)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03