Question

我已经获取了一些用于测试目的的代码，我试图修复“ item not define”（项目未定义）错误，但是我被卡住了。

//Blade View
<v-app id="app" v-cloak><div class="card" :posts="{{$posts}}"></div></v-app>

//Vuejs template
<table striped hover :items="imageList"> <img :scr="'/storage/image/'+data.items.image"></table>

Vue Js：

<script>
export default {
  //  name: "ExampleComponent",
     props: \['posts'\],
    data() {
        return {
            imageList: \[\]
        };
    },
    mounted() {
        const fetch = this.fetch_image_list();
    },
    methods: {
        fetch_image_list() {
            let items = \[\];
            if (Array.isArray(this.posts.data) && this.posts.length.data) {
                this.posts.data.forEach((post, key) => {
                    let currentImage = {
                        id: post.id,
                        name: post.name,
                        image: post.img
                    };
                    items.push(currentImage);
                });
                this.imageList = items;
            }
        }
    }
};
</script>]

item is not define

Answer 1

不是因为您在“打电话”： data.items.image代替items[index].image吗？

如何在Vue Js的刀片上显示数据？

1 个答案: