vue.js - Vue 范围样式不适用于已添加到插槽中的元素
问题描述
将我的样式移动到语言环境设置,但看到当我将元素插入插槽容器时,它们将不起作用。我想这是正常的,如果有办法解决这个问题,请记住不,我不会将父(.child)样式放在父组件中,不,我想将我的 CSS 保存在单独的 scss 文件中。
组件(父)
<template>
<wrapper>
<div class="child">Hello</div>
</wrapper>
</template>
组件(称为包装器)
<template>
<div class="wrapper">
<slot></slot>
</div>
</template>
<style lang="scss" scoped>
@import "../../../sass/components/_container.scss";
</style>
容器.scss
.wrapper{
background-color:#333;
.child{
background-color:#fff;// not doing anything
}
}
解决方案
推荐阅读
- c# - 在 UWP 应用程序(通用应用程序)中呈现电子书(例如 .epub 和 .pdf)
- kubernetes - 从 ConfigMap 中读取 Kubernetes CronJob 的调度表达式
- amazon-web-services - 无法使用 terraform 将容量提供程序添加到 AWS ECS 集群
- react-native - 无法在 Mac for iOS 应用程序的 React Native 中连接远程调试器?
- batch-file - 我需要知道4个键中的哪一个被批量按下
- tensorflow - 如何将用户反馈纳入多选卷积神经网络?
- c# - 从批处理操作的结果中反序列化 DirectoryObjects
- html - CSS Grid - 在自动流列上自动生成新的行中断
- python - 有没有办法让我加载图像并将其放在 Tkinter 窗口的背景上?
- javascript - Node.js Puppeteer - 导航超时错误