【Vue3】Vue3的scoped样式不生效

Vue3的scoped样式不生效

参考链接

• Vue3 scoped-css
• 备用地址:https://cn.vuejs.org/api/sfc-css-features.html#scoped-css
  :global(el)
• global:修改全局样式
  • el:选择的元素

---

<template>
     <!-- ......-->
    <el-drawer
        class="m-drawer"
      >
        <template #header="{ close, titleId, titleClass }">
            <h4 :id="titleId" :class="titleClass">设置</h4>

            <!-- 关闭抽屉按钮-->
            <el-button icon="Close" circle @click="close" />
        </template>
          <!-- ......-->
    </el-drawer>
</template>
<style scoped>
:global(.m-drawer header) {
  margin: 0;
}
</style>