Question

在我的应用中，我的getphohto（预算）必须在 console.log 中返回 3 张照片。但这叫过很多次。

这使我的服务器错误，并且不执行我的JavaScript。所以我想修复它，但我不知道我的问题在哪里？

在刀片中：

<a class="col-md-2" v-for="budget in budgets">
  <img :src="getphoto(budget)">
</a>

在Js

getBudgets() {
    axios.get('/getbudgets')
        .then(response => {

            this.budgets = response.data;

        })
        .catch(error => {
            console.log('errors: ', error);
        })
},

getphoto(budget) {
    console.log('#', budget.person.photo);
    return "img/" + budget.person.photo;
},

注意：所有功能[1-7]是axios get和simples。

谢谢您的帮助！

Answer 1

我用items.maps解决了这个问题

getBudgets () {
               axios.get('/getbudgets')
               .then(response => {
                  this.budgets = response.data;
                   let items = response.data;
                   this.budgets = items.map((item)=>{
                   item.person.photo = '/img/' + item.person.photo
                    console.log('#', item.person.photo);
                     console.log('#1', );
                     return item;

                    });

               })
               .catch(error => {
                   console.log('errors: ', error);
               })
               },

然后我从代码中删除了 getphoto（），并在其中写下了

<img :src=budget.person.photo>

Vue.Js，我的函数无故多次调用

1 个答案: