文章詳情頁
css - vue里局部引用的樣式怎么都成為全局的了?
瀏覽:101日期:2023-08-25 14:29:07
問題描述
1.vue里引用的局部樣式怎么在其他頁面也生效,router切換頁面后就加載了改頁面的樣式
問題解答
回答1:局部樣式只能在局部應用,如果需要全局使用,可以把公共類提出到app.vue 中
回答2:在vue中有app.vue這個總組件 在這個文件中暴露你想要提升到全局的命令 在其他的操作組件中都可以看到的,這個是就是vue這個聲明式框架的優點.在一個主組件中定義的方法或者樣式,都是可以在綁定到其他的組件中的
回答3:它只是把css寫在了局部文件里,不代表css只作用在局部。如果你想只在組件里起作用,可以加個 scoped
<style scoped>/*css code*/</style>回答4:
兩種方式
自己控制標簽選擇器的范圍
組件模板中style上加scoped.
標簽:
CSS
相關文章:
1. angular.js - 輸入郵箱地址之后, 如何使其自動在末尾添加分號?2. angular.js - $stateChangeSuccess事件在狀態跳轉的時候不執行?3. 如何解決docker宿主機無法訪問容器中的服務?4. javascript - 如何使用nodejs 將.html 文件轉化成canvas5. python - Scrapy存在內存泄漏的問題。6. android - rxjava merge 返回Object對象數據如何緩存7. 如何用筆記本上的apache做微信開發的服務器8. javascript - 螞蟻金服里的react Modal方法,是怎么把元素插入到頁面最后的9. java如何生成token?10. CSS3 畫如下圖形
排行榜
