在自定义组件上使用class, 微信小程序可以，支付宝不可以

分类：uni-app

自定义组件

2021-06-03 16:37 负责人:无分享

3 个回复

zebraUI - zebraUI预计将会在2022年初发布第一个版本

是的，支付宝小程序会自动删除自定义组件标签上的任何class和style。如果考虑要兼容多端，非常不建议使用class来覆盖自定义组件的样式。
同时，经过测试发现，父组件定义className字段，子组件通过props接收后，再定义到子组件的class中，在很多端都不会穿透到子组件，即使是同deep也是不行的。具体在哪几端并没有记录。
所以如果要兼容多端，建议自定义样式字段，如：customStyle。通过props传递给子组件，子组件再渲染到页面上。这种方式虽然麻烦，但是是最保险的。最大的缺陷就是每需要修改一个节点的样式，都需要定义一个样式字段。