diff --git a/README.md b/README.md index a97e290..d22e413 100644 --- a/README.md +++ b/README.md @@ -161,6 +161,7 @@ import 'vue-json-viewer/style.css' | `timeformat` | custom time format function | time => time.toLocaleString() | | `preview-mode` | no expand mode | `false` | | `show-array-index` | array show index | `true` | +| `show-double-quotes` | show double quotes | `true` | ## Listeners diff --git a/lib/json-box.vue b/lib/json-box.vue index 8afb4bf..2b0cfe0 100644 --- a/lib/json-box.vue +++ b/lib/json-box.vue @@ -28,6 +28,7 @@ export default { previewMode: Boolean, forceExpand: Boolean, showArrayIndex: Boolean, + showDoubleQuotes: Boolean, }, data() { return { @@ -119,7 +120,7 @@ export default { 'jv-key': true }, domProps: { - innerText: `${this.keyName}:` + innerText: this.showDoubleQuotes ? `"${this.keyName}":` : `${this.keyName}:` } })) } @@ -137,6 +138,7 @@ export default { previewMode: this.previewMode, forceExpand: this.forceExpandMe, showArrayIndex: this.showArrayIndex, + showDoubleQuotes: this.showDoubleQuotes, }, on: { 'update:expand': value => { diff --git a/lib/json-viewer.vue b/lib/json-viewer.vue index 5365041..1d8c637 100644 --- a/lib/json-viewer.vue +++ b/lib/json-viewer.vue @@ -30,6 +30,7 @@ :sort="sort" :preview-mode="previewMode" :show-array-index="showArrayIndex" + :show-double-quotes="showDoubleQuotes" />