VUE大神进来一下 ,给看一下 怎么不显示内容呢!
发布于 5个月前 作者 apyangleidi 991 次浏览 来自 问答
<my-article v-for="item in articles" :detail="item"> </my-article>
<script>
Vue.component('my-article',{
props:['detail'],
template:'<div><div><h1>{{detail.title}}</h1><div><span>{{detail.date}}</span><span v-show="detail.is_original">原创</span></div></div><img :src="detail.cover_url" alt=""></div>'
});

new Vue({
    el:"#app",
    data:{
        article:[
            {
                title:"第一节:Vue.js框架是什么,为什么选择它?",
                date:" 2017年03月06日",
                is_original:true,
                cover_url:"cover.jpg"
            },
            {
                title:"第一节:Vue.js框架是什么,为什么选择它?",
                date:" 2017年03月06日",
                is_original:true,
                cover_url:"cover.jpg"
            },
            {
                title:"第一节:Vue.js框架是什么,为什么选择它?",
                date:" 2017年03月06日",
                is_original:true,
                cover_url:"cover.jpg"
            }
        ]
    }
});
</script>
3 回复

<my-article v-for="item in articles" :detail="item"> </my-article> item in article,不加s

articles 多了个s 调用的是你 return 里的数组名字。。。

image.png v-for="item in article"

回到顶部