如何遍历一个对象？ 编辑本文

在San中已经提供了 san-for 指令（可以简写为 s-for ）将 Array 渲染为页面中的列表，那么对于 Object 想要进行遍历并渲染应当怎么做呢？由于 San 的指令并不直接支持 Object 的遍历，因此可以使用计算属性进行对象的遍历

使用

class MyComponent extends San.component {
    static computed = {
        list() {
            let myObject = this.data.get('myObject');
            return Object.keys(myObject).map(item => {
                return {
                    key: item,
                    value: myObject[item]
                }
            });
        }
    };
}

示例

See the Pen san-traverse-object by liuchaofan (@asd123freedom) on CodePen.