39403432412
39403432412
  • 发布:2019-05-05 17:21
  • 更新:2019-05-07 10:07
  • 阅读:170

【已解决】h5端,父组件不能控制子组件的里面的子元素

分类:uni-app

详细问题描述

若A页面,引用了b组件
b组件如下

<template>  
<view class="xcdd-select-gzjh child-content">  
    <view class="xcdd-select-gzjh-content">  
      <radio-group >  
        <label >  
          <radio :value="item.value" />  
          <view class="xcdd-select-gzjh-radio-label">{{item.name}}</view>  
        </label>  
      </radio-group>  
    </view>  
</view>  
</template>  

在A页面 ,对b组件下的 xcdd-select-gzjh-radio-label 类进行定义,失效

.xcdd-select-gzjh-radio-label{  
  background: black;  
}  

但对xcdd-select-gzjh这个类能控制

2019-05-05 17:21 分享
已邀请:

最佳回复

DCloud_UNI_FXY

DCloud_UNI_FXY

h5 端所有组件样式均为 scoped,若要控制子组件样式,请使用样式穿透

https://vue-loader.vuejs.org/zh/guide/scoped-css.html#%E6%B7%B1%E5%BA%A6%E4%BD%9C%E7%94%A8%E9%80%89%E6%8B%A9%E5%99%A8

  • 39403432412 (作者)

    .xcdd-select-gzjh >>> .xcdd-select-gzjh-radio-label{

    background: black;

    } .我改成这样依然没有用,只有小程序生效

    2019-05-06 18:04

  • DCloud_UNI_FXY

    回复 39403432412: 发个测试工程

    2019-05-06 18:32

  • 39403432412 (作者)

    回复 DCloud_UNI_FXY: 使用测试工程发现可以,返回自己的项目排查,发现是因为lang = scss 的缘故。scss不识别>>>

    2019-05-07 09:39

ZGH0709

ZGH0709

scss 可以使用 /deep/

  • 39403432412 (作者)

    解决了。多谢

    2019-05-07 10:15

要回复问题请先登录注册