vue给后端传json数据,vue字符串转json

　　本文主要介绍vue获取后台json字符串的方式，有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

目录

　　 vue获取后台json字符串vue字符串与Json转换字符串和数组的相互转换。Json字符串被转换成json对象。

vue获取后台json字符串

　　1.写一个函数获取api文件下的driver.js文件下的json。

　　导出常量树=()=请求({

　　url:“驱动程序/树”，

　　方法： post ，

　　})

　　2.将driver.js文件下的tree函数引入到view文件下的driver文件下的index.vue文件。

　　从“@/api/driver”导入树{ tree }

　　3.在创建的生命周期函数的钩子下，在页面渲染的初始过程中获取json，获取箭头函数。同时注意json格式。如果有来自后台的字符串，应该通过函数将其转换为对象类型。

　　已创建(){

　　树()。然后((str)={

　　console . log(111111)；//触发生命周期函数

　　//console . log(str)；

　　//后台给出一个字符串，转换成对象类型。

　　let obj=JSON . parse(str)；

　　//将json字符串传递给数据data，然后传递给页面渲染

　　this.data=obj

　　//console . log(obj)；

　　console.log(obj[0])。id)；//检查第一级下的id值

　　}

　　4.最后，要注意格式化数据data中的json初始值，并对初始值进行赋值。

　　data() {

　　返回{

　　数据：

　　//先将数据对象留空

　　[

　　{},{},{}

　　],

　　//树控件需要配置的默认信息，匹配json

　　defaultProps: {

　　孩子：“孩子”，

　　标签:“名称”，

　　}

　　};

　　5.要在控制台上查看该层的对象，需要用[]括号指定级别。

　　console.log(obj[0])。id)；//检查第一级下的id值

vue字符串与Json转换

字符串与数组之间的相互转换

　　1.字符串被转换成数组。

　　str.split(，)；//使用逗号作为拆分字符串。

　　2.该数组被转换为字符串。

　　arr.join(，)；//将数组项拼接成字符串，用逗号分隔。

Json字符串转换为json对象

　　1.使用评估

　　result=eval(( jsonstr ))；//jsonstr是一个json字符串

　　2.使用JSON.parse()

　　result=JSON . parse(JSON str)；//jsonstr是一个json字符串

　　eval和JSON.parse的区别：

　　javascript支持Eval，可以转换严格json格式的数据。

　　Json.parse是浏览器支持的转换方法，只能转换标准Json格式。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。