Vue：直到axios都忽略属性

Question

我正在使用axios进行API调用，并且一切正常，但是我必须先为胡须属性指定空白值。

{{page_data.title}}

即使axios将填充该值，

也会给出错误消息。

我可以通过以下设置克服这一点：

page_date.title: ''

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

对此有什么解决方案？

Answer 1

您可以在呈现{{page_data.title}}之前尝试使用“ v-if”

<p v-if="page_data.title"> {{page_data.title}} </p>

Answer 2

您可以使用conditional ternary operator首先检查键是否在对象中，并且只有在键存在的情况下，才使用键的值，例如：

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

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

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

_.get对于想要获取“深度”属性的情况也很有用，例如：

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