文章詳情頁
css - vue.js的vue單文件組件style中的scoped屬性無效
瀏覽：195日期：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都這樣寫了么?
瀏覽器調(diào)試看一下最終的樣式選擇器
回答4：同問，我也遇到這個問題了，vue-cli沒動， 添加socped后，元素添加v-data- , 而style卻沒有，所以還是會沖突
回答5：在你的CSS后面加上 !important
標簽：
CSS
相關文章：
1. 在應用配置文件 app.php 中找不到’route_check_cache’配置項2. html按鍵開關如何提交我想需要的值到數(shù)據(jù)庫3. HTML 5輸入框只能輸入漢字、字母、數(shù)字、標點符號？正則如何寫？4. javascript - 請教如何獲取百度貼吧新增的兩個加密參數(shù)5. Android中能不能判斷一個數(shù)據(jù)庫是create來的，還是open來的？6. gvim - 誰有vim里CSS的Indent文件, 能縮進@media里面的7. 跟著課件一模一樣的操作使用tp6,出現(xiàn)了錯誤8. PHP類屬性聲明？9. javascript - 求助canvas繪制馬賽克的問題，老是取色不準10. java - 安卓接入微信登錄,onCreate不會執(zhí)行
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備