Как обратиться к данным в массиве?

Question

[Secret73]

Всем привет.
PHP file

<?
$aMenuLinks = Array(
  Array(
    "Каталог курсов",
    "index.php",
    Array(),
    Array(),
    ""
  ),

  Array(
    "Мои курсы",
    "mycourses.php",
    Array(),
    Array(),
    ""
  ),
);
echo json_encode($aMenuLinks);
?>

VUE

<div id="app2">
            <div v-for="inform in info">
                {{ inform }}
            </div>
        </div>
            var app2 = new Vue ({
                el: '#app2',
                data() {
                    return {
                        info: null
                    };
                },
                mounted() {
                    axios
                        .get('test.php')
                        .then(response => (this.info = response.data));
                }
            })

Результат

[ "Каталог курсов", "index.php", [], [], "" ]
[ "Мои курсы", "mycourses.php", [], [], "" ]

Вопрос: Как мне выдернуть отдельно Заголовок ссылки, и отдельно ссылку?

Comments

[Roman K]

Тебе показать, как обращаться к индексам массива? А может быть, ты уже взрослый мальчик и сам прочитаешь первую страничку любой документации по JS?

Answer 1

[Somewhere Intech]

Если поменять в PHP файле

<?
$aMenuLinks = Array(
  Array(
    "page"=>"Каталог курсов",
    "link"=>"index.php",
    "foo" => Array(),
    "bar" => Array(),
    "dollar"=> ""
  ),

  Array(
    "page"=>"Мои курсы",
    "link"=>"mycourses.php",
    "foo"=> Array(),
    "bar" =>Array(),
    "dollar" =>""
  ),
);
echo json_encode($aMenuLinks);
?>

то можно так

<div id="app2">
            <div v-for="inform in info">
                <a v-bind:href="inform.link">{{inform.page}}</a> 
            </div>
            var app2 = new Vue ({
                el: '#app2',
                data() {
                    return {
                        info: null
                    };
                },
                mounted() {
                    axios
                        .get('test.php')
                        .then(response => (this.info = response.data));
                }
            })

Comments

[Secret73]

В том и дело, что менять нельзя. Я вот что сделал, вывод поменял вот так

echo "Отображение неассоциативного массива как объекта: ", json_encode($c, JSON_FORCE_OBJECT), "\n\n";

И в результате получил

{ "0": "Каталог курсов", "1": "index.php", "2": {}, "3": {}, "4": "" }

Может так будет проще?

[Somewhere Intech]

Secret73, Можно обойтись без этого

<div v-for="inform in info">
                <a v-bind:href="inform[1]">{{inform[0]}}</a> 
            </div>

Если проблема в том, что response.data : string

axios
     .get('test.php')
     .then(response => (this.info = (Object.prototype.toString.call(response.data) === '[object String]') ? JSON.parse(response.data) : response.data));

[Secret73]

Johnny Lowhunter, Супер, спасибо!