环境:微信小程序(2024-04最新版开发工具)
小程序基础库版本:3.4.2
结论:若小程序自定义组件,属性是Object时,不支持“动态绑定”,会渲染成:style="[object Object]",如下图,我仅是想自定义style。同时,也不支持...扩展运算符,你写了不报错,但也会渲染成如下情况。
解决方案:
1 自己去解开,如上功能,你得把Object给解开,形成object的字符串。如下方格式:
style="height: {{navBarInfo.navBarHeight}}px;color:red; "
2 自己写个方法,在组件attached生命周期去处理下,最终形成第1种的解决方案。
我以前没怎么太碰到小程序,因为业务没有,但都2024了,微信小程序坑太多了,官网又没有说明白,可能是我自己没找到,这坑为什么要开发者自己去遇到才行啊。微信小程序真的太坑!
这个自定义组件,不支持的还有挺多的,如:iconfront显示问题(需要用externalClasses,在父外层传进去),还有基础库版本不同,会有不同的错误等,哎,有时候如果你用常规写法,却发现总是报错,不如升下基础版本库吧,你会豁然解开这个错误,当然要保证你写的代码没有错误。
先这样吧,无力吐槽了!!!