commit

examples/app.js

@@ -12,9 +12,24 @@ new Vue({
             value: {
                 name: [
                     {name: 2},
+                    {name: 2},
+                    {name: 2},
+                    {name: 2},
+                    {name: 2},
+                    {name: 2},
+                    {name: 2},
+                    {name: 2},
+                    {name: 2},
+                    {name: 2},
+                    {name: 2},
+                    {name: 2},
+                    {name: 2},
                 ],
                 val: {
-                    a: 1
+                    b: 'a',
+                    a: 'askldjfhlkajshdflhklsdafhkljahsdklfjhlkjsahdflkhaslkjdfhlkashdflkhaslkdhfklashdflkhasljkghlakshdfklhalsjkd',
+                    asd2: 1,
+                    asd: false
                 }
             },
             showCopy: true,

json-box.vue

@@ -67,6 +67,7 @@ export default {
     position: relative;
     color: #525252;
     font-family: Consolas,Menlo,Courier,monospace;
+    white-space: nowrap;
 
     &:after {
         content: ','

json-viewer.vue

@@ -101,6 +101,8 @@ export default {
         &.more {
             max-height: initial;
             overflow: visible;
+            overflow-x: auto;
+            margin-bottom: 15px;
         }
     }
     

package.json

@@ -22,7 +22,8 @@
   },
   "homepage": "https://github.com/chenfengjw163/vue-json-viewer#readme",
   "dependencies": {
-    "vue": "^2.5.2"
+    "vue": "^2.5.2",
+    "clipboard": "^1.7.1"
   },
   "devDependencies": {
     "autoprefixer": "^7.1.5",
@@ -35,7 +36,6 @@
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-runtime": "^6.26.0",
-    "clipboard": "^1.7.1",
     "css-loader": "^0.28.7",
     "eslint": "^4.9.0",
     "eslint-plugin-html": "^4.0.0-alpha.1",