vue怎么获取数组下的图片路径,并渲染到页面上

新手上路,请多包涵

ajax把数据请求过来后,图片在data下的数组中,怎么获取他图片描述图片描述

网上搜了后这样改过

相关代码

var res=await $.ajax({

        url:"http://market.ebaycloud.com.cn/public/index.php/api/home/lb",
        type:"get",
        dataType:"json"
    })
    console.log(res)
    new Vue({
        el:"#demo1",
        data:{
            res:[],
            type:[{data:'img'}]
        }
    })

想要直接获取到这样的数组?

图片描述

阅读 6.2k
3 个回答
《html》
<div class="carousel-item" v-for="key in list">
    <img :src="key.img"/>
</div>




《script》
new Vue({
        el:"#demo1",
        data:{
            res:[],
            type:[{data:'img'}],
            list:[]//这里存放你请求回来的数组
        }
    })

v-for="item in res.data"

循环那个数组 前提取到对应的值再循环

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题