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

Question

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

//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 ？