vue3中:style不渲染
本人使用hbuilder写的vue3框架的微信小程序，碰到一个很有意思的问题，就是在命名法的区别和转换的方面，常见的命名有驼峰和下划线，本人在这踩了一个坑
解决的结论：在:style中，保持名称都为小写
遇到的问题图片如下：
在hbuilder中我写的是
<view class="movAreaBox" :style="{'--marginTops':menuButton+'px'}"></view>然而在微信开发者工具的wxml文件中如下：
在微信开发者工具的wxss文件中如下：
也就是说在转换的过程中对该命名的方法有一定的区别
本人修正后如下：
<view class="movAreaBox" :style="{'--margintops':menuButton+'px'}"></view>在转换到微信开发者后就正确了：
原文地址：https://blog.csdn.net/rzh554/article/details/140620165
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！