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

智慧大石 2021/7/25 20:05:45

一般情况下,父组件不能改变子组件的样式,所以需要动点心思来实现。// 组件 jsComponent({ externalClasses: [parent-class]});// 组件 wxml<view class="parent-class"></view>// 父页面 wxml<w-more-img parent-class="parentClass&qu…

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

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


随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[微信小程序如何在父组件中修改子组件的样式]http://www.zyiz.net/tech/detail-207894.html

上一篇:微信小程序云开发读取数据超过20,云函数读取超过100条限制,获取云开发数据库集合里的所有数据的方法

下一篇:小程序如何实现自定义tabBar

赞(0)
关注微信小程序
程序员编程王-随时随地学编程

扫描二维码或查找【程序员编程王】

可以随时随地学编程啦!

技术文章导航 更多>
扫一扫关注最新编程教程