文章詳情頁
css - vue里局部引用的樣式怎么都成為全局的了?
瀏覽:102日期:2023-08-25 14:29:07
問題描述
1.vue里引用的局部樣式怎么在其他頁面也生效,router切換頁面后就加載了改頁面的樣式
問題解答
回答1:局部樣式只能在局部應(yīng)用,如果需要全局使用,可以把公共類提出到app.vue 中
回答2:在vue中有app.vue這個(gè)總組件 在這個(gè)文件中暴露你想要提升到全局的命令 在其他的操作組件中都可以看到的,這個(gè)是就是vue這個(gè)聲明式框架的優(yōu)點(diǎn).在一個(gè)主組件中定義的方法或者樣式,都是可以在綁定到其他的組件中的
回答3:它只是把css寫在了局部文件里,不代表css只作用在局部。如果你想只在組件里起作用,可以加個(gè) scoped
<style scoped>/*css code*/</style>回答4:
兩種方式
自己控制標(biāo)簽選擇器的范圍
組件模板中style上加scoped.
標(biāo)簽:
CSS
上一條:javascript - npm安裝gulp成功,但是提示gulp不是內(nèi)部命令。全局安裝會報(bào)錯(cuò),安裝不成功下一條:javascript - log4js的使用問題
相關(guān)文章:
1. mysql - 記得以前在哪里看過一個(gè)估算時(shí)間的網(wǎng)站2. python中merge后文件莫名變得非常大3. 希望講講異常處理4. css3 - 純css實(shí)現(xiàn)點(diǎn)擊特效5. docker start -a dockername 老是卡住,什么情況?6. javascript - 關(guān)于<a>元素與<input>元素的JS事件運(yùn)行問題7. java - 為什么第一個(gè)線程已經(jīng)釋放了鎖,第二個(gè)線程卻不行?8. css3 - [CSS] 動畫效果 3D翻轉(zhuǎn)bug9. javascript - 如何將一個(gè)div始終固定在某個(gè)位置;無論屏幕和分辨率怎么變化;div位置始終不變10. 大家好,我想請問一下怎么做搜索欄能夠搜索到自己網(wǎng)站的內(nèi)容。
排行榜

熱門標(biāo)簽