Riot 4.7.1 发布了,此版本修复了一个循环项属性编译问题:
带有“each”项目属性的标签中的内容无法正确读取,错误是“ TypeError:scope.item.scope 未定义”。问题是编译器确实会生成返回 scope.classNames({active: scope.item.scope.isActive}); 而不是返回 scope.classNames({active: scope.item.scope.isActive});
<my-tag> <select multiple> <option class="{classNames({active: item.isActive})}" each="{item in items}"> {item.name} </option> </select> <style> .active { font-weight: bolder; } </style> <script> export default { items: [ {name: "foo", isActive: true}, {name: "bar", isActive: false}, ], classNames: (classes) => { return Object.entries(classes).reduce((acc, item) => { const [key, value] = item if (value) return [...acc, key] return acc }, []).join(' ') } } </script> </my-tag>
详情查看:
Riot 是一个简单而优雅的基于组件的 UI 库,为所有现代浏览器带来了自定义组件。其支持浏览器包括:
它的体积也很小,只有 6k:
本文原标题:Riot 4.7.1 发布,简单优雅的基于组件的 UI 库
本文原地址:https://www.oschina.net/news/111920/riot-4-7-1-released
云主机 一个月多少钱?云主机一个月并没有固定的价钱,不同服务商的不同配置产品...
云服务器 备案多久有效期? 云服务器 建设网站,所进行的 ICP备案 本身是没有有...
父子元素margin重叠 解决办法: 给子元素添加浮动属性,相应父元素添加必要的清...
作者:Shadeed 译者:前端小智 来源:dmitripavlutin 有梦想,有干货,微信搜索 ...
这两天使用DW时出现了这样一个问题: 已启动DW就弹出这样的提示以下翻译器没有被...
简介: 《Java开发手册》中强调,线程资源必须通过线程池提供,而创建线程池必须...
自上一篇博文发布以来,我们已经收到了来自社群内外的大量咨询,这些咨询与欧盟...
font-family 设置字体名称 可以使用多个名称,用逗号分隔,浏览器则按照先后顺序...
云服务器 增加内存吗? 云服务器 可以增加内存,来提升性能。增加内存在 云服务...
一只小奶狗会有名字、品种以及一堆可爱的特点作为其属性。如果将其建模为一个类...