diff --git a/pages/directive/v-for/v-for-composition.uvue b/pages/directive/v-for/v-for-composition.uvue
index bc45db13d457d1798075e3e26af292537f0a35aa..926a6183920698154f739903d6989af8db46ac47 100644
--- a/pages/directive/v-for/v-for-composition.uvue
+++ b/pages/directive/v-for/v-for-composition.uvue
@@ -77,6 +77,15 @@
 
       <view class="mb-10" v-for="(item, index) in setList" :key="index">
         <text :id="`set-value-${index + 1}`">{{ item }}</text>
+      </view>
+
+      <view class="bold mb-10">v-for UTSJSONObject</view>
+      <view
+        v-for="(value, key) in utsJSONObject"
+        :key="key"
+        class="mb-10 flex justify-between flex-row">
+        <text :id="key">{{ key }}</text>
+        <text :id="value">{{ value }}</text>
       </view>
     </view>
     <!-- #ifdef APP -->
@@ -133,5 +142,7 @@ const mapList = new Map<string, string>([
   ['map-key-3', 'map value 3'],
 ])
 
-const setList = new Set<string>(['set value 1', 'set value 2', 'set value 3'])
+const setList = new Set<string>(['set value 1', 'set value 2', 'set value 3'])
+
+const utsJSONObject = reactive({ utsKey1: 'UTSJSONObject-value1', utsKey2: 'UTSJSONObject-value2', utsKey3: 'UTSJSONObject-value3' })
 </script>
diff --git a/pages/directive/v-for/v-for-options.uvue b/pages/directive/v-for/v-for-options.uvue
index f77577f0255a1e0a479fc81ad81ad98db64514eb..37b0446ce6a9017d1f1bca2f88f1201e2fabd921 100644
--- a/pages/directive/v-for/v-for-options.uvue
+++ b/pages/directive/v-for/v-for-options.uvue
@@ -77,6 +77,15 @@
 
       <view class="mb-10" v-for="(item, index) in setList" :key="index">
         <text :id="`set-value-${index + 1}`">{{ item }}</text>
+      </view>
+
+      <view class="bold mb-10">v-for UTSJSONObject</view>
+      <view
+        v-for="(value, key) in utsJSONObject"
+        :key="key"
+        class="mb-10 flex justify-between flex-row">
+        <text :id="key">{{ key }}</text>
+        <text :id="value">{{ value }}</text>
       </view>
     </view>
     <!-- #ifdef APP -->
@@ -134,7 +143,8 @@ export default {
         ['map-key-2', 'map value 2'],
         ['map-key-3', 'map value 3'],
       ]),
-      setList: new Set<string>(['set value 1', 'set value 2', 'set value 3']),
+      setList: new Set<string>(['set value 1', 'set value 2', 'set value 3']),
+      utsJSONObject: { utsKey1: 'UTSJSONObject-value1', utsKey2: 'UTSJSONObject-value2', utsKey3: 'UTSJSONObject-value3' }
     }
   }
 }
diff --git a/pages/directive/v-for/v-for.test.js b/pages/directive/v-for/v-for.test.js
index 138acdd084baa63b497b57e6d2bddc78f169912d..8672925146d9cbd65ed1a2770d8dc54cf8ec7571 100644
--- a/pages/directive/v-for/v-for.test.js
+++ b/pages/directive/v-for/v-for.test.js
@@ -46,9 +46,19 @@ describe('v-for', () => {
     expect(await setValue2.text()).toBe('set value 2')
     const setValue3 = await page.$('#set-value-3')
     expect(await setValue3.text()).toBe('set value 3')
-    
+
+    // v-for UTSJSONObject
+    for (let i = 1; i <= 3; i++) {
+      /// key
+      let utsKey = await page.$('#utsKey' + i)
+      expect(await utsKey.text()).toBe('utsKey' + i)
+      /// value
+      let utsValue = await page.$('#UTSJSONObject-value' + i)
+      expect(await utsValue.text()).toBe('UTSJSONObject-value' + i)
+    }
+
     await page.waitFor(500)
-    
+
     const image = await program.screenshot({
 			fullPage: true
 		});