最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】vuejs中把json对象转换为json字符串且格式化带缩进

JSON crifan 1821浏览 0评论
折腾:
【未解决】vue-admin-template中如何用vuejs去发送REST的api的POST请求并返回和解析json字符串
期间,需要把一个json对象data,转换成json字符串,用于显示出来。
所以想要去把data转换为json字符串
之前记得有个JSON.stringify
不过再去找找vuejs中是否有更好用的json
vuejs json string
Vue项目JSON格式字符串和对象之间的互转_JavaScript_郭宝的博客-CSDN博客
JSON.stringify(object)
JSON.parse(jsonString);
JSON.parse() and JSON.stringify() ← Alligator.io
const myObj = {
  name: 'Skip',
  age: 2,
  favoriteFood: 'Steak'
};


const myObjStr = JSON.stringify(myObj);


console.log(myObjStr);
// "{"name":"Skip","age":2,"favoriteFood":"Steak"}"


console.log(JSON.parse(myObjStr));
// Object {name:"Skip",age:2,favoriteFood:"Steak"}
Vue – parse JSON string
I can’t convert json string to object in Vue.js and javascript – Stack Overflow
javascript – Show json result with vue.js – Stack Overflow
this.form.respJson = JSON.stringify(data)
结果:
就可以了:
但是最好还是格式化好看点
javascript – Show json result with vue.js – Stack Overflow
        this.form.respJson = JSON.stringify(data, null, 2)
效果:
就可以了。
laravel – VueJS Accessing JSON Data – Stack Overflow
Convert JSON string to HTML – Get Help – Vue Forum
已回复帖子:
vue.js – Display JSON array in Vuejs – Stack Overflow
【总结】
此处,要把返回的data对象,转换成json的字符串,且加上缩进,写法是:
this.form.respJson = JSON.stringify(data, null, 2)
即可。

转载请注明:在路上 » 【已解决】vuejs中把json对象转换为json字符串且格式化带缩进

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
82 queries in 0.183 seconds, using 22.17MB memory