const app=new Vue({ el:"#app", data:{ images:[], }, methods: { getImage() { // 从后台获取图片地址 axios.get("http://localhost:9091/User/findByPage/1").then(response=> { console.log(response.data); this.images = response.data.map(item=>{ console.log(item); }); // .map(item=>{ // console.log(item) // console.log(item.speciesCName) // return{ // value:item.speciesCName, // label:item.speciesCName, // } }) // axios.get("http://localhost:9091/User/findByPage/1").then(function (response){ // console.log(response.data); // }).catch(function (error){ // console.log(error) // }) }, mounted() { this.getImage(); }, }, })不起作用

根据您提供的代码，我发现您在获取到后端返回的图片地址后，没有将其赋值给Vue实例的data属性中的images属性，而是在map函数中打印数据，导致images属性没有被更新。您可以尝试修改代码如下：

const app = new Vue({
  el: "#app",
  data: {
    images: []
  },
  methods: {
    getImage() {
      // 从后台获取图片地址
      axios.get("http://localhost:9091/User/findByPage/1").then(response => {
        console.log(response.data);
        this.images = response.data.map(item => {
          console.log(item);
          return item.imageUrl; // 将图片地址返回
        });
      });
    }
  },
  mounted() {
    this.getImage();
  }
});

在上面的代码中，我们将后端返回的图片地址存储在Vue实例的data属性中的images属性中，并在模板中使用v-for指令遍历images属性来展示图片。请注意，我们在map函数中使用return语句将图片地址返回给images属性。