文章詳情頁
css - vue.js的vue單文件組件style中的scoped屬性無效
瀏覽：130日期：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. angular.js - angular內容過長展開收起效果2. angular.js - angularjs的自定義過濾器如何給文字加顏色？3. javascript - 如何讓移動端網頁的輸入框固定在底部？4. docker鏡像push報錯5. MySQL中無法修改字段名的疑問6. javascript - 微信小程序封裝定位問題（封裝異步并可能多次請求）7. python的前景到底有大？如果不考慮數據挖掘，機器學習這塊？8. 網頁爬蟲 - 用Python3的requests庫模擬登陸Bilibili總是提示驗證碼錯誤怎么辦?9. android - QQ物聯，視頻通話10. 請教各位大佬，瀏覽器點 提交實例為什么沒有反應
排行榜
網公網安備