css - vue.js的vue單一檔案元件style中的scoped屬性無效

Question

RT，我a.vue和b.vue明明寫了<style scoped>，但是修改a.vue中的p.warp樣式，卻影響到了b.vue裡面的p.warp樣式，請問一下這是怎麼回事？

我的webpack是直接用的vue-cli裡面的webpack模版，自己從來沒有修改過任何地方。

Answer 1

上程式碼 有程式碼不一定能看出什麼來 沒有程式碼一定看不出什麼東西

Answer 2

你a.vue和b.vue都這樣寫了麼?

Answer 3

瀏覽器調試看一下最終的樣式選擇器

Answer 4

同問，我也遇到這個問題了，vue-cli沒動， 添加socped後，元素添加v-data- , 而style卻沒有，所以還是會衝突

Answer 5

在你的CSS後面加上 !important