手记

微信小程序如何在父组件中修改子组件的样式

一般情况下,父组件不能改变子组件的样式,所以需要动点心思来实现。

// 组件 js

Component({

  externalClasses: ['parent-class']

});

// 组件 wxml

<view class="parent-class"></view>


// 父页面 wxml

<w-more-img parent-class="parentClass"/>


// ***** class名不能使用驼峰,否则不生效 *****


如果要重写子组件中的属性,需要用到!important

.parentClass{

  background: red!important;

}



作者:代码搬运媛
链接:https://juejin.cn/post/6987272805473583118
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


0人推荐
随时随地看视频
慕课网APP