vue请问这个报错是为什么,数据都已经渲染出来了

image.png


<div class="p-s-i l" v-for="item in product.productItems">
    <img class="icon" src="../images/home_icon_zt.png">
    <img src="../images/product_bg_cam.png">
    <p>{{item.title}}</p>
    <span>{{item.description}}</span>
</div>

var product = new Vue({
    el: '#app-product',
    data: {
        product: null,
    },
    methods: {
        imgFormatter(val) {
            return IMGPATH + val
        },
        getProductData() {
            let this_ = this
            $.ajax({
                success: function success(res) {
                    console.log(res);//已打印,结构和上图一样
                    this_.product = res.data
                }
            });
        }
})

一直报错
image.png

阅读 272
评论
    8 个回答
    • 160

    从提供的信息建议给 product 初始化

    data() {
        return {
            product: {
                 productItems: []
            }
        };
    }
      相似问题
      推荐文章