css - L'attribut scoped dans le style de composant de fichier unique vue de vue.js n'est pas valide

Question

RT, j'ai clairement écrit <style scoped> dans a.vue et b.vue, mais la modification du style p.warp dans a.vue affecte le style p.warp dans b.vue. ça se passe ?

Mon webpack utilise directement le modèle webpack dans vue-cli, et je n'ai jamais rien modifié.

Answer 1

Téléchargez le code. Vous ne pourrez peut-être rien voir avec le code. Vous ne pourrez peut-être rien voir sans le code

.

Answer 2

Avez-vous écrit ceci pour a.vue et b.vue ?

Answer 3

Le débogage du navigateur examine le sélecteur de style final

Answer 4

Même question, j'ai aussi rencontré ce problème, vue-cli n'est pas déplacé après l'ajout de socped, v-data- est ajouté à l'élément, mais le style ne l'est pas, donc il y aura toujours un conflit

.

Answer 5

Ajoutez !important

après votre CSS