关联数组-访问参数

Question

我在vue的道具中传递了以下对象和字符串变量：

catId ：

"51bd55834e8d79bfd458ff8a156e3c11"

categories ：

{
    "51bd55834e8d79bfd458ff8a156e3c11": {
        "header": "Header One",
        ".key": "51bd55834e8d79bfd458ff8a156e3c11"
    },
    "eb4312829f9c57b55727b4d8c6ca1ec7": {
        "typeId": "ba86f15d5b2126ac3d0ad39feeb5f400",
        "header": "Header Two",
        ".key": "eb4312829f9c57b55727b4d8c6ca1ec7"
    }
}

如何访问给定类别的header参数？

我尝试了以下方法...

{{categories[this.catId].header}}

...但是它不起作用。

Answer 1

似乎您正在使用带有胡须的文本插值。在那种情况下，我认为您不需要this。尝试..

{{categories['catId'].header}}

Answer 2

似乎可以正常工作。

var id = "51bd55834e8d79bfd458ff8a156e3c11"
var categories = {
    "51bd55834e8d79bfd458ff8a156e3c11": {
        "header": "Header One",
        ".key": "51bd55834e8d79bfd458ff8a156e3c11"
    },
    "eb4312829f9c57b55727b4d8c6ca1ec7": {
        "typeId": "ba86f15d5b2126ac3d0ad39feeb5f400",
        "header": "Header Two",
        ".key": "eb4312829f9c57b55727b4d8c6ca1ec7"
    }
};
console.log(categories[id].header);