文章詳情頁
css - vue.js的vue單文件組件style中的scoped屬性無效
瀏覽：156日期：2023-09-24 16:15:18
問題描述
RT，我a.vue和b.vue明明寫了<style scoped>，但是修改a.vue中的p.warp樣式，卻影響到了b.vue里面的p.warp樣式，請問一下這是怎么回事？
我的webpack是直接用的vue-cli里面的webpack模版，自己從來沒有修改過任何地方。
問題解答
回答1：上代碼 有代碼不一定能看出什么來 沒有代碼一定看不出什么東西
回答2：你a.vue和b.vue都這樣寫了么?
瀏覽器調試看一下最終的樣式選擇器
回答4：同問，我也遇到這個問題了，vue-cli沒動， 添加socped后，元素添加v-data- , 而style卻沒有，所以還是會沖突
回答5：在你的CSS后面加上 !important
標簽：
CSS
相關文章：
1. docker - 各位電腦上有多少個容器啊？容器一多，自己都搞混了，咋辦呢？2. javascript - webpack --hot 熱重載無效的問題3. javascript - vue使用videojs+videojs-contrib-hls報錯4. golang - 用IDE看docker源碼時的小問題5. javascript - 怎么下載vue csp版本的2.0或者以上？6. io - java 文件操作，如何向指定的位置插入內容 (不是替換內容) ?7. Python 爬蟲 遇到的問題（手淘問大家）8. mysql如何配置遠程php外網鏈接數據庫9. javascript - 求救！網頁播放視頻只有聲音沒有畫面，網頁上傳視頻文件時怎么知道視頻的編碼為H264還是MPEG4??10. dockerfile - [docker build image失敗- npm install]
排行榜
網公網安備