文章詳情頁(yè)
css - vue.js的vue單文件組件style中的scoped屬性無(wú)效
瀏覽：132日期：2023-09-24 16:15:18
問(wèn)題描述
RT，我a.vue和b.vue明明寫了<style scoped>，但是修改a.vue中的p.warp樣式，卻影響到了b.vue里面的p.warp樣式，請(qǐng)問(wèn)一下這是怎么回事？
我的webpack是直接用的vue-cli里面的webpack模版，自己從來(lái)沒(méi)有修改過(guò)任何地方。
問(wèn)題解答
回答1：上代碼 有代碼不一定能看出什么來(lái) 沒(méi)有代碼一定看不出什么東西
回答2：你a.vue和b.vue都這樣寫了么?
瀏覽器調(diào)試看一下最終的樣式選擇器
回答4：同問(wèn)，我也遇到這個(gè)問(wèn)題了，vue-cli沒(méi)動(dòng)， 添加socped后，元素添加v-data- , 而style卻沒(méi)有，所以還是會(huì)沖突
回答5：在你的CSS后面加上 !important
標(biāo)簽：
CSS
相關(guān)文章：
1. html - vue項(xiàng)目中用到了elementUI問(wèn)題2. showpassword里的this 是什么意思？代表哪個(gè)元素3. JavaScript事件4. javascript - 數(shù)組的過(guò)濾和渲染5. 注冊(cè)賬戶文字不能左右分離6. javascript - table列過(guò)多，有什么插件可以提供列排序和選擇顯示列的功能7. python - 為什么正常輸出中文沒(méi)有亂碼，zip函數(shù)之后出現(xiàn)中文編程unicode編碼的問(wèn)題，我是遍歷輸出的啊。8. 對(duì)mysql某個(gè)字段監(jiān)控的功能9. python - 使用readlines()方法讀取文件內(nèi)容后，再用for循環(huán)遍歷文件與變量匹配時(shí)出現(xiàn)疑難？10. html5 - ElementUI table中el-table-column怎么設(shè)置百分比顯示。
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備