vue.js - Vue：在 axios 之前忽略属性

Question

我使用 axios 进行 API 调用，一切正常，但我必须首先为 mustache 属性指定空白值。

{{page_data.title}}

将给出错误，即使 axios 将填充该值。

我可以通过第一次设置来克服这个问题：

page_date.title: ''

但是，对于数组数据，这变得复杂且适得其反。

解决方案是什么？

标签： vue.jsaxios

Answer 1

您可以使用条件三元运算符首先检查键是否在对象中，并且只有在存在时才使用它的值，例如：

{{'title' in page_data ? page_data.title : '' }}

否则，您可以使用 Lodash 的_.get方法，例如：

{{ _.get(page_data, 'title', '') }}

_.get当您想要获得“深度”属性时也很有用，例如：

{{ _.get(page_data, 'article.title', '') }}