文章詳情頁(yè)
css - vue里局部引用的樣式怎么都成為全局的了？
瀏覽：94日期：2023-08-25 14:29:07
問(wèn)題描述
1.vue里引用的局部樣式怎么在其他頁(yè)面也生效，router切換頁(yè)面后就加載了改頁(yè)面的樣式
問(wèn)題解答
回答1：局部樣式只能在局部應(yīng)用，如果需要全局使用，可以把公共類提出到app.vue 中
回答2：在vue中有app.vue這個(gè)總組件 在這個(gè)文件中暴露你想要提升到全局的命令 在其他的操作組件中都可以看到的,這個(gè)是就是vue這個(gè)聲明式框架的優(yōu)點(diǎn).在一個(gè)主組件中定義的方法或者樣式,都是可以在綁定到其他的組件中的
回答3：它只是把css寫(xiě)在了局部文件里，不代表css只作用在局部。如果你想只在組件里起作用，可以加個(gè) scoped
<style scoped>/*css code*/</style>回答4：
兩種方式
自己控制標(biāo)簽選擇器的范圍
組件模板中style上加scoped.
標(biāo)簽：
CSS
上一條：javascript - npm安裝gulp成功，但是提示gulp不是內(nèi)部命令。全局安裝會(huì)報(bào)錯(cuò)，安裝不成功下一條：javascript - log4js的使用問(wèn)題
相關(guān)文章：
1. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問(wèn)題2. css3 - 圖片等比例縮放3. html - css3中多列高度 統(tǒng)一4. javascript - 使用angular 的ui-sref 中出現(xiàn)了中文參數(shù)，點(diǎn)擊跳轉(zhuǎn)后瀏覽器的地址欄里出現(xiàn)轉(zhuǎn)義后的%AE....%a%45. css3 - 如何將網(wǎng)頁(yè)CSS背景圖高斯模糊且全屏顯示6. javascript - 一個(gè)賦值運(yùn)算的問(wèn)題7. css3 - animation屬性，safari瀏覽器不支持相關(guān)效果8. javascript - 求賜教：網(wǎng)易郵箱Web端模擬登錄看信的加密參數(shù)_ntes_nnid、_ntes_nuid9. css - jq有無(wú)現(xiàn)成函數(shù)改變r(jià)otateX/Y的deg10. javascript - QWebEngineView 如何爬 angular 的動(dòng)態(tài)數(shù)據(jù)？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備