vue.js - 从 Array JS vue 中获取值

Question

谁能指出我正确的方向，让我可以阅读有关解决方案的信息。它在控制台中运行良好，此时失去了想法。

Promise.all([
    DishSource.getDishDetails(523145),
    DishSource.getDishDetails(787321),
    DishSource.getDishDetails(452179),
]).then((values) =>
    Vue.render(
        <SidebarView guests={5} dishes={values} />,
        document.getElementById("app")
    )
);

侧边栏 View :

<table>
    {props.dishes.values.map((e) => (
        <tr>
            <td>
                <button> x </button>
            </td>
            <td>{e.title}</td>
            <td>{e.dishType}</td>
            <td>{e.dishPrice}</td>
        </tr>
    ))}
</table>

Answer 1

第一次渲染 dishes属性不可用，因此您应该添加一些条件渲染:

{props.dishes && props.dishes.values.map(e => ...