Vuejs在方法

Question

我想只在方法返回的对象中显示'name'值。

• 目前显示的是：[{“city”：“Ottawa”，“name”：“Senators”，“province”：“Ontario”，“。key”：“ - Kp00XARET2EDFRZVMks”} < / p>

• 我希望显示的是“参议员”。

以下是我的代码片段：

... in the template    
<td>{{props.item.away}} {{ teamDetail(props.item.away) }}</td>

... in the script
methods: {
        teamDetail(inpt) {
            return this.teams.filter((team) => {
                return team['.key'] ==  inpt;
            })
        },

props.item.away是发送给teamDetail的.key，用于检索特定团队的对象，在这种情况下返回的对象是[{“city”：“Ottawa”，“name”：“Senators”，“省“：”安大略省“，”。key“：” - Kp00XARET2EDFRZVMks“}]

仅显示'name'，我在模板{{teamDetail（props.item.away）.name}}内尝试并在方法的过滤器中

我也尝试使用计算机，但我无法使用'this.props.item.away'访问密钥

computed: {
        teamDtl() {
            return this.teams.filter((team) => {
                return team['.key'] ==  this.props.item.away;
            })
        },

Answer 1

这很有效 - {{teamDetail（props.item.away）[0] .name}}

错误发生在从数据库返回的数据中。