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

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

JSON crifan 2145浏览 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博客
1
2
JSON.stringify(object)
JSON.parse(jsonString);
JSON.parse() and JSON.stringify() ← Alligator.io
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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
1
this.form.respJson = JSON.stringify(data)
结果:
就可以了:
但是最好还是格式化好看点
javascript – Show json result with vue.js – Stack Overflow
1
        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的字符串,且加上缩进,写法是:
1
this.form.respJson = JSON.stringify(data, null, 2)
即可。

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

发表我的评论
取消评论

表情

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

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