From f4641710add3267107f12bd17498912eb62fa5da Mon Sep 17 00:00:00 2001
From: guxialv <guxialv@163.com>
Date: Wed, 9 Mar 2022 15:33:15 +0800
Subject: [PATCH] Fix: show arrow when json value  is null

---
 index.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 41c6c55..1d1c454 100644
--- a/index.html
+++ b/index.html
@@ -102,8 +102,10 @@ <h2 class="title-bar-item">JSON Path Finder</h2>
 
   <div>
     <div class="json-reader-tree-property" :class="{ 'json-reader-tree-property-selected': selected }" @click="clicked(keyName)">
-      <div v-if="typeof item === 'object' && isOpen" class="json-reader-tree-property-arrow">&#9660; </div>
-      <div v-if="typeof item === 'object' && !isOpen" class="json-reader-tree-property-arrow">&#9654; </div>
+       <template v-if="item !== null && typeof item === 'object'">
+        <div v-if="isOpen" class="json-reader-tree-property-arrow">&#9660; </div>
+        <div v-else class="json-reader-tree-property-arrow">&#9654; </div>
+      </template>
       <div>{{ keyName }}:</div>
       <div v-if="typeof item !== 'object'" class="json-reader-tree-property-value">{{ item }}</div>
     </div>