几种常见的JSON数据格式化_pre 格式化json 修改

一、格式化化后不可修改   

<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