+2.2.22

lib/json-box.vue

@@ -10,7 +10,7 @@ import JsonDate from './types/json-date'
 
 export default {
   name: 'JsonBox',
-  inject: ['expandDepth'],
+  inject: ['expandDepth', 'onKeyclick'],
   props: {
     value: {
       type: [Object, Array, String, Number, Boolean, Function, Date],
@@ -29,6 +29,10 @@ export default {
     forceExpand: Boolean,
     showArrayIndex: Boolean,
     showDoubleQuotes: Boolean,
+    path: {
+      type: String,
+      default: '$',
+    },
   },
   data() {
     return {
@@ -121,6 +125,11 @@ export default {
         },
         domProps: {
           innerText: this.showDoubleQuotes ? `"${this.keyName}":` : `${this.keyName}:`
+        },
+        on: {
+          click: () => {
+            this.onKeyclick(this.path);
+          }
         }
       }))
     }
@@ -139,6 +148,7 @@ export default {
         forceExpand: this.forceExpandMe,
         showArrayIndex: this.showArrayIndex,
         showDoubleQuotes: this.showDoubleQuotes,
+        path: this.path,
       },
       on: {
         'update:expand': value => {