文章詳情頁
css - vue里局部引用的樣式怎么都成為全局的了？
瀏覽：120日期：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. javascript - 微信報redirect_uri參數錯誤2. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？3. android - 類似微信朋友圈或者QQ空間說說那種點擊圖片放大，并且有放大縮小手勢，左右滑動圖片手勢效果4. javascript - 如何計算字符串寬度？5. win10系統 php安裝swoole擴展6. css3 - <img>圓角屬性在手機瀏覽器顯示不全7. javascript - 怎么簡寫這段jQuery功能？8. 網頁動畫等過渡效果，CSS3 transitions 和 jQuery animations 誰實現的性能更好？9. css - FireFox border樣式異常10. 怎么在HTML5中播放VR視頻
排行榜
網公網安備