当前位置: 代码迷 >> 综合 >> <style lang=“scss“ scoped>对elementui内置的类名无效
  详细解决方案

<style lang=“scss“ scoped>对elementui内置的类名无效

热度:90   发布时间:2023-12-12 11:52:13.0
<el-descriptions class="desc"><el-descriptions-item label="审核状态"><span v-if="basicValue.status<=1">未完成</span><span v-if="basicValue.status === 2">待审核</span><span v-if="basicValue.status === 11">未通过</span><span v-if="basicValue.status === 12">已通过</span></el-descriptions-item>
</el-descriptions>

此时要设置el-descriptions-item__label(审核状态)的样式,html没有直接的class=“el-descriptions-item__label”
通过检查元素获取class

无效写法:

<style lang="scss" scoped>.desc{
    .el-descriptions-item__label{
     //无效font-size: 20px;}}
</style>

有效写法:

<style lang="scss" scoped>::v-deep .desc{
    .el-descriptions-item__label{
     //有效font-size: 20px;}}
</style>

重点:
::v-deep

  相关解决方案