如何在有scoped不影响elementUI 的其他页面组件,进行单页面修改的几种方法。
生活随笔
收集整理的這篇文章主要介紹了
如何在有scoped不影响elementUI 的其他页面组件,进行单页面修改的几种方法。
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
方式一:內聯式css
- 內聯式css ,?優點:修改其他方便。缺點:造成頁面臃腫,不利于后期維護。
方式二:外鏈css
- ? ?外鏈css ,優點:對其他文件無影響,但會造成多個文件css? (缺點) @import '../../../static/css/eleCssEdit.css';
方式三:在同一個vue, 同時存在兩個<style scoped></style>,<style></style>
- ? ? 優點:方便修改, 缺點:不帶scoped可能造成全局污染(必須通過一個獨一無二的class類進行包裹,在控制臺找到修改的私有屬性). 本人還是比較推薦這種修改方式。
轉載于:https://www.cnblogs.com/panax/p/11239473.html
總結
以上是生活随笔為你收集整理的如何在有scoped不影响elementUI 的其他页面组件,进行单页面修改的几种方法。的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 枪械上的导气式原理到底是个啥
- 下一篇: JAVASCRIPT校验大全