往codemirror/vue-codemirror中传入json数据变成一行的解决方法(格式化codemirror里的json)_vuecodemirror json只有一行

作者：黑客灵魂 | 2024-06-20 11:36:11

踩

vuecodemirror json只有一行

项目中有个功能是实现编辑json数据，我使用了vue-codemirror框架，但是传入json后都变成了一行，于是从框架本身入手，但是未能如愿，后面从源头入手解决了这个问题。

这里是展示代码的子组件，jsonDetail就是要传入的数据，它本身是一个vue中props里的一个对象

 mounted() {
    try {
      this.editData = JSON.stringify(this.jsonDetail, null, "\t");
    } catch (error) {
      console.log(error);
    }
  },
1
2
3
4
5
6
7

JSON.stringify(this.jsonDetail, null, "\t"); 这个最重要，JSON.stringify的第三个属性就是让我们格式化代码用的，你也可以直接传入数字x（10以内），就表示前面是x个空格的距离，我是用'\t'，这样就是一个tab的距离了。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/黑客灵魂/article/detail/739720