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：
[admin
]
來源：OsChina
連結：https://www.oschina.net/news/111920/riot-4-7-1-released
Riot 4.7.1 發布，簡單優雅的基於組件的 UI 庫已經有139次圍觀