質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.31%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Q&A

解決済

1回答

1501閲覧

【Vue.js】v-ifでオブジェクト(observe)のプロパティ存在確認でエラー

Anon_

総合スコア334

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

0グッド

0クリップ

投稿2022/11/16 02:13

添付画像のようなsetubi_dataというobjectがあり、下記のコードにてv-ifでプロパティの存在を確認するとエラーが表示されます。(例では照明というプロパティの存在チェックしています。)
エラーが出ずに存在チェックを行いたいのですが、何が原因でエラーがでているのか特定できません。何かわかる方はいらっしゃらないでしょうか。
hasOwnPropertyを使った方法でも同じようなエラーとなってしまい、何か根本が間違っているような気がしています。observeのオブジェクトは通常のjsオブジェクトのように存在チェックできないのでしょうか。

コードの内容

<template v-if="照明' in setubi_data[home_company_id][home_sisetu_id]"> <p>存在します。</p> </template>

setubi_dataの中身
イメージ説明

エラー内容

TypeError: Cannot read properties of undefined (reading '') at Cn.eval (eval at Qa (vue@2.6.14?ver=6.1:6:92206), <anonymous>:3:6594) at e._render (vue@2.6.14?ver=6.1:6:35554) at Cn.r (vue@2.6.14?ver=6.1:6:68565) at pn.get (vue@2.6.14?ver=6.1:6:26867) at pn.run (vue@2.6.14?ver=6.1:6:27751) at ln (vue@2.6.14?ver=6.1:6:25859) at Array.<anonymous> (vue@2.6.14?ver=6.1:6:12476) at We (vue@2.6.14?ver=6.1:6:11877)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

すみません、大元のhome_sisetu_id自体が未定義の際にこのコードが走ってしまっていることが原因でした。
修正したところ、最初に試していたv-ifの方法で判別できました。

投稿2022/11/16 02:40

Anon_

総合スコア334

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問