Vue 踩坑-2 vue文件中style的scoped属性

这只是个简单的记录,主要还是参考大佬写的分析

  在开发前端页面时,源于公司的习惯,要求按钮的确认统一放在左边,取消在右边,恰巧,Element UI的MessageBox有恰巧是默认样式将取消放在左边,所以要将默认样式覆盖掉,结果,网上找资料(交换element-ui的MessageBox弹框的确定和取消位置_Arlisol的博客-CSDN博客)搞了一下,结果发现没有作用,几经折腾,始终没有成效。后来,无意间想起,style标签中有个scoped属性......

  果真,就是scoped的锅,网上看着争议挺大的,还有提过Issue的。存在必合理,它存在的意义就是不对样式造成全局的污染,使得样式私有化,同时,他也带来了复杂度,造成了些许不必要的困难。所以我们在使用时,需要慎重。

参考:

vue中style下scope的使用和坑 - 追求极致 - 博客园 (cnblogs.com)

vue中慎用style的scoped属性_June.1-CSDN博客_scoped

posted @ 2020-12-02 23:39  Memoyu  阅读(266)  评论(0编辑  收藏  举报