在VUE脚手架中如何使用ajax获取后台数据,并且指定获取某个模块的数据

Question

在.vue文件中如何使用ajax从后台获取数据,并且在页面的指定位置渲染需要的数据.
比如说我现在需要将下图数据中的img图片渲染到页面中,该如何去做?

下面是我的ajax模板,不知道是否有问题,麻烦各位大佬帮我我看看

Answer 1

你这个完全是没看过vue文档啊，错误点太多了。
处理思路是data里面定义变量，接收后台返回的数据。变量赋值应该是this.modules=res.data.modules;
第二个问题，定义方法应该放在methods里面，然后在created周期里面调用；
至于循环到页面的问题，参考第一个人的答案。

Answer 2

img标签那里 :src="img"
data里面定义 img = ""
sucess回调里面 this.img = 获取的图片数据
建议看看vue文档

Answer 3

success函数改为箭头函数, src前面加 :

<img :src="url" />

success: (res) => {
    this.url = res.data.url
}