对象数据格式化显示在界面上展示

最新推荐文章于 2024-07-03 15:31:14 发布

程序员小凉

最新推荐文章于 2024-07-03 15:31:14 发布

阅读量161

点赞数 2

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_63736937/article/details/133363715

版权

<template>
    <div class="entirety_content">
        <textarea readonly  style="background: transparent;font-size:12px;width:100%;height: 160px;overflow-y:scroll;border:none;color:#c8dbf4;resize:none;outline: none">{{jsonData}}</textarea>
    </div>
  </template>
<script>
 export default {
    data() {
      return {
        jsonData: [{
        id:'aa',
        name:'aa',
        time:'aa',
        type:'aa',
      }]
    },

    methods: {
        // 用于转成格式化形式 然后给textarea赋值
      geshihuaJson() {
        this.jsonData=JSON.stringify(this.jsonData,null,12)
      },
    },
    
  }
</script>
</template>