Uni-App - Class 与 Style 绑定
发布日期:2021-06-30 23:54:52 浏览次数:2 分类:技术文章

本文共 394 字,大约阅读时间需要 1 分钟。

为节约性能,我们将 Class 与 Style 的表达式通过 compiler 硬编码到 uni-app 中,支持语法和转换效果如下:

 

class 支持的语法:

111
222
333
444
555

 

style 支持的语法:

666
777

 

不支持 Vue官方文档:Class 与 Style 绑定 中的 classObject 和 styleObject 语法。

此外还可以用 computed 方法生成 class 或者 style 字符串,插入到页面中,举例说明:

 

动态菜单切换示例

 

转载地址:https://lux-sun.blog.csdn.net/article/details/87720142 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Uni-App - 事件处理、事件绑定、事件传参
下一篇:Uni-App - 模板语法 - 数据绑定

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年04月25日 18时24分40秒