css scoped 问题

Question

CreatePost.vue:
<style**** lang=“scss” scoped> //忽略****
.create-post-page .file-upload .file-upload-container {
height: 200px !important;
cursor: pointer;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}

加完scoped不生效是什么原因，去掉后就生效了

Answer 1

提问者 yangdy 2021-06-22 16:21:59

是因为这个createpost.vue是父级元素，uploader.vue通过v-bind继承，如果父级元素设置css scoped私有的话是传递不过去的吗？

• 张轩 #1

  同学你好 说的没错  可以看下文档就很清楚了：https://vue-loader-v14.vuejs.org/zh-cn/features/scoped-css.html

• 提问者 yangdy 回复 张轩 #2

  蟹蟹 老师