LoginSignup
1
0

More than 3 years have passed since last update.

Vue.jsでオブジェクトのネストしたプロパティーにアクセスできないとき

Posted at

以下のようなオブジェクトがありまして、この中のmembersの値を取得したかったのですが、、、


  var data = {
    [50]: {
      members: {
        0: {
          id: "4",
          name: "谷裏"
        },

        1: {
          is: "5",
          name: "眉村"
        },
        length: 2
      },
      facilities: "プール"
    },
  }

通常であれば以下のようなコードで取得できるはずなのですが

console.log(data[50].members.length);

一向に取れず、、、

自分の書き方がおかしいのか?っと調べてみてもあっている様子、、、
いちいちビルドし直すと時間がかかるので、ブラウザ上で簡単にコードを試したりすることができる

でコードがあっているか試してみたところ、間違っていない様子、、、

っと思って改めて調べたところ

以下の記事と同じ現象であることが確認できました
https://codeday.me/jp/qa/20190403/539522.html

[ネストしたプロパテイーにアクセスする方法]

この記事に書いてあることは、データのロードが完了するのを待ちなさいとのことでした。

データを取得している場所にフラグのようなものを立てて、ロード完了後表示してデータを取得しなさいということでした!

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0