Vue項目中使用iView組件庫設置樣式不生效的解決方案

使用iView組件庫設置樣式不生效問題

找到要設置樣式的類名,直接按照下面寫法設置就可以瞭!

<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:

以上為個人經驗,希望能給大傢一個參考,也希望大傢多多支持WalkonNet。

推薦閱讀: