current position:Home>[Popover pop-up box] in Vue, the solution of "custom style cannot be modified" of Popover pop-up box component under elmentui

[Popover pop-up box] in Vue, the solution of "custom style cannot be modified" of Popover pop-up box component under elmentui

2022-01-26 22:45:00 He Xiaoyi

adopt /deep/ Deep search does not find relevant elements , Find out the reason and find that the style of this component is global style , If you style Medium plus scoped, Such as <style lang="scss" scoped>, It's local , Limit /deep/ Lookup , The solution is as follows :

The first part is Popover The style of the pop-up box , No addition scoped, The second part is other styles written by yourself , In general, we should add scoped, Avoid when many people modify class Conflicts caused by duplicate names . The following is the modified rendering :

I hope my foolishness can help you ~, If there is something wrong , I would also like to point out that , You have a better solution , Welcome to leave a message at the bottom of the comment area to support , Let's learn from each other ~

copyright notice
author[He Xiaoyi],Please bring the original link to reprint, thank you.
https://en.cdmana.com/2022/01/202201262244583806.html

Random recommended