/deep/ 的兼容性不好,node-sass支持这个/deep/。但是 node-sass 被 sass 和现代项目抛弃了。 如果项目里装了sassnode-sass sass-loader会优先使用sass,sass只认识 ::v-deep

请根据自己的项目选择使用::v-deep还是/deep/

<template>
<view class="u-grid-x">
   <u-grid>
          <u-grid-item>1</u-grid-item>
          <u-grid-item>2</u-grid-item>
          <u-grid-item>3</u-grid-item>
   </u-grid>
</view>
</template>

<script>
 export default {
    options: {
      styleIsolation: 'shared',
    }
   }
</script>
<style lang="scss" scoped>
   // 方法1
  ::v-deep .u-grid {
    align-items: flex-start !important;
  }
  
   // 方法2
  ::v-deep .u-grid-x{ 
   .u-grid {
    align-items: flex-start;
  }
 }
</style>
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐