微信小程序组件中的属性-Object不能动态绑定

本文讲述了在微信小程序2024年最新版开发工具中遇到的问题,特别是自定义组件的属性为Object时动态绑定不支持,以及iconfront显示问题和基础库版本差异引发的错误。开发者需自行解决这些问题,如将Object转换为字符串格式或利用生命周期方法处理。
摘要由CSDN通过智能技术生成

环境:微信小程序(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,在父外层传进去),还有基础库版本不同,会有不同的错误等,哎,有时候如果你用常规写法,却发现总是报错,不如升下基础版本库吧,你会豁然解开这个错误,当然要保证你写的代码没有错误

先这样吧,无力吐槽了!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值