一、格式化化后不可修改
<pre>{
{ JSON.stringify(inputData, null, 4) }}</pre> <!--格式化json数据,inputData为json对象-->
二、格式化后可修改数据
方式1:
<template>
<div class="content">
<el-button
type="primary"
size="mini"
@click="saveMesg"
>
保存
</el-button>
<el-input
type="textarea"
class="leftInput"
v-model="inputValue"
@change="changeValue"
></el-input>
</div>
</template>
<script>
export default {
name: 'Json',
data() {
return {
inputValue: '',
inputData: {
'inputData-输入变量': {
'applyInfo-申请信息': {
'ApplyTime-申请时间': 'NA',
'ChannelCode': 'NA