Vue Json Pretty

Welcome to the demo space of Vue Json Pretty, here we provide the following different usage scenarios, try to click on different tab panel to browse.

Basic Use
Virtual List
Selector
Editable

JSON:

Options:

Slots:

vue-json-pretty:

{
"status": 200,
"text": "",
"error": null,
"config": undefined,
"data": [
{
"news_id": 51184,
"title": "iPhone X Review: Innovative future with real black technology",
"source": "Netease phone"
},
{
"news_id": 51183,
"title": "Traffic paradise: How to design streets for people and unmanned vehicles in the future?",
"source": "Netease smart",
"link": "http://netease.smart/traffic-paradise/1235"
},
{
"news_id": 51182,
"title": "Teslamask's American Business Relations: The government does not pay billions to build factories",
"source": "AI Finance",
"members": [
"Daniel",
"Mike",
"John"
]
}
]
}