内容简介:Riot 4.7.1 发布了,此版本修复了一个循环项属性编译问题: 带有“each”项目属性的标签中的内容无法正确读取,错误是“ TypeError:scope.item.scope 未定义”。问题是编译器确实会生成返回 scope.classNames({...
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 库》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- React 组件库 uiw 1.5.1 发布,新增 2 个组件
- Vue 组件库 HeyUI@1.17.0 发布,新增 Skeleton 组件
- React 组件库 uiw 3.3.0 发布,组件增强了呢
- Vue 组件库 heyui@1.18.0 发布,新增地址选择、图片预览组件
- Hyperf 发布国际化组件及多个组件 v1.0.13 版本
- React 组件库 uiw 3.4.0 发布,Tree组件增强了呢
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Sexy Web Design
Elliot Stocks / SitePoint / 2009-03-28 / $39.95
Description A guide to building usable, aesthetically pleasing interfaces for web sites and web applications by applying timeless principles of user-centered design. This book focuses on practical ......一起来看看 《Sexy Web Design》 这本书的介绍吧!