使用VUE处理Json

时间:2018-09-29 11:57:38

标签: json vue.js

Vue脚本从Php脚本接收到以下Json,该Php脚本将对象数组编码为JSON。

[{"title":"Clean Drinking Water","content":"Some     Content","link":"abd.html","img":"<img src="kkk.jpg" />"
},
{"title":"Clean AAAAAter Provided","content":"Lore Lipsum 
Test","link":"abc.html","img":"<img src="kkk.jpg" width="320" />"
}
]

Screenshot of JSON received

我如何使用Vue从此Json访问标题,内容,链接和图像数据。我的Vue代码是

const url="lkl.php?get=json";
const vm=new Vue({
  el:'#app',
  data:{
    results:[]
  },
  mounted(){
    axios.get(url).then(response=>{
      this.results=response.data
    })
  }
});

我尝试了{{results.title}} {{results [0] .title}},但这似乎不起作用。我是Vue的新手。任何帮助将非常感激。

0 个答案:

没有答案