小程序开发

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

本文主要是介绍微信小程序如何在父组件中修改子组件的样式,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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

// 组件 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
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


这篇关于微信小程序如何在父组件中修改子组件的样式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!