一、效果
二、代码
JSON.parse:把JSON字符串转换为JSON对象
JSON.stringify:把JSON对象 转换为 有缩进的 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 lang="ts" setup> import { ref } from 'vue' const jsonStr = ref('') const clickFormat = () => { // 1、JSON.parse:把JSON字符串转换为JSON对象 // 2、JSON.stringify:把JSON对象 转换为 有缩进的 JSON字符串格式 jsonStr.value = JSON.stringify(JSON.parse(jsonStr.value), null, '\t') } </script> <style scoped> </style>
标签:jsonStr,stringify,格式化,js,parse,JSON,字符串 From: https://www.cnblogs.com/danhuai/p/16720432.html