文章詳情頁
css - vue里局部引用的樣式怎么都成為全局的了?
瀏覽:173日期:2023-08-25 14:29:07
問題描述
1.vue里引用的局部樣式怎么在其他頁面也生效,router切換頁面后就加載了改頁面的樣式
問題解答
回答1:局部樣式只能在局部應(yīng)用,如果需要全局使用,可以把公共類提出到app.vue 中
回答2:在vue中有app.vue這個總組件 在這個文件中暴露你想要提升到全局的命令 在其他的操作組件中都可以看到的,這個是就是vue這個聲明式框架的優(yōu)點.在一個主組件中定義的方法或者樣式,都是可以在綁定到其他的組件中的
回答3:它只是把css寫在了局部文件里,不代表css只作用在局部。如果你想只在組件里起作用,可以加個 scoped
<style scoped>/*css code*/</style>回答4:
兩種方式
自己控制標(biāo)簽選擇器的范圍
組件模板中style上加scoped.
標(biāo)簽:
CSS
相關(guān)文章:
1. javascript - sublime快鍵鍵問題2. 實現(xiàn)bing搜索工具urlAPI提交3. boot2docker無法啟動4. javascript - 移動端上不能實現(xiàn)拖拽布局嗎?5. javascript - 如何判斷不同兩個對象觸發(fā)同一事件?6. 前端 - 這段代碼一直生效不了,查半天因為 top: 0px; 分號后一個隱藏的東西,也不是占位符...刪了就可以生效,這是什么情況。。7. nginx bind failed8. thinkPHP5中獲取數(shù)據(jù)庫數(shù)據(jù)后默認(rèn)選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙9. angular.js - 單頁應(yīng)用(ng/vue)該如何監(jiān)聽用戶離開當(dāng)前頁面(或者路由)?10. javascript - react native在run-android時出現(xiàn)這個錯誤該怎么解決?大神賜教
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備