有时候我们有这一种需求：在使用组件的时候，希望能传入自己写的class样式。
测试了一番，直接传递class参数是无效的，那我们怎么做呢？
仔细查阅了官方文档，发现是可以的。
我们首先在组件的js文件中加入externalClasses数组变量，用于定义我们要传递的父层class名称：
/* 组件 custom-component.js */
Component({
externalClasses: ['my-class']
})
然后，组件的wxml中使用class="my-class"来使父层样式生效：
<!-- 组件 custom-component.wxml -->
<custom-component class="my-class">这段文本的颜色由组件外的 class 决定</custom-component>
最后，我们在页面中使用组件的时候，直接用my-class传递页面的wxss样式名称就好：
<!-- 页面的 WXML -->
<custom-component my-class="red-text" />
有时候我们有这一种需求：在使用组件的时候，希望能传入自己写的class样式。 测试了一番，直接传递class参数是...
微信小程序（原生） - 修改自定义组件样式 修改自定义组件样式 需求场景： ...
微信小程序自定义组件传值问题 自定义组件 · 小程序 父组件（引用组件的页面模板）页面 子组件页面 表示父组件页面...
如何自定义微信小程序中轮播图组件指示器的样式呢？ 方式一(推荐) step1给swiper的父元素添加类名 ste...
一般情况下，小程序无法使用父组件和全局的样式 这样操作后就可以把父页面中的class样式传递到子组件中使用
微信小程序的button组件可以自定义设置样式，比如background和color。但如果直接在button组件...
微信小程序自定义组件Component作为子组件时， 当父组件调用setData 刷新时 ， 不会触发子组件任何生...
1. 自定义组件 在微信小程序的开发中,经常需要在不同的地方使用一些相同的组件,这些组件的样式,数据,以及点击事件...
开发小程序的时候，项目需求要用到一些自定义样式，查阅了官方文档，微信小程序从1.6.3开始，对于自定义组件这块有了...
历史回顾： 微信小程序自定义组件 - 表格组件来啦 通过微信小程序来实现 “钉钉打卡” 记一次微信小程序项目分包，...
本文标题：微信小程序自定义组件中传入父层class样式
本文链接：https://www.haomeiwen.com/subject/lkhxzftx.html
网友评论