vue+element 通过ref修改一切硬核样式~

Posted jun-qi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue+element 通过ref修改一切硬核样式~相关的知识,希望对你有一定的参考价值。

今天的需求是这样的,点击按钮,弹出一个Popover 弹出框

技术图片

然后老大说,把弹出框往下移移,box-shadow值设的大一些...

然后就查看elenent的Popover文档,并没有方法,而且这个组件修改样式需要 定义popper-class 来为 popper 添加类名

然而发现修改不了样式,查看属性,发现它的样式在外层加载,试了好多办法,都没用,直到我灵光一闪...

技术图片

你不是牛逼吗?改不动吗?使用ref操作一切,哈啊哈哈哈

ref牛逼,vue牛逼!

以后不存在改不动的样式!

技术图片

 

技术图片

 

以上是关于vue+element 通过ref修改一切硬核样式~的主要内容,如果未能解决你的问题,请参考以下文章

VUE: Scope模式下,修改Element ui样式

vue组件样式添加scoped属性之后,无法被父组件修改。或者无法在本组件修改element UI样式

vue 元素样式修改

vue 修改element ui 的默认样式

记住密码框样式修改(vue+element项目)

vue获取页面内元素