把JSON对象 转换为 有缩进的 JSON字符串格式

 效果图

 

<template>
  <div class='content'>
    <el-button type="primary" @click="clickFormat">格式化JSON</el-button>
    <el-input v-model="jsonStr" autosize type="textarea" placeholder="Please input" />
  </div>
</template>

<script>

export default {
  name: "manage",
  data() {
    return {
      jsonStr: ''
    }
  },
  methods:{
    clickFormat(){
  // 1、JSON.parse:把JSON字符串转换为JSON对象
  // 2、JSON.stringify:把JSON对象 转换为 有缩进的 JSON字符串格式
  this.jsonStr = JSON.stringify(JSON.parse(this.jsonStr), null, '\t')
}
  }
}
</script>

<style scoped>

</style>

GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支:1 个月前 )
960b763e 4 个月前
8c391e04 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐