javascript - vue component 在页面加载好时不显示。如何让它显示？

问题描述

问 题

<project-comp></project-comp>在页面加载好时不显示，但是我已经在created钩子里面赋值给app.projects了。请问怎样让它在页面加载好时就显示呢？

Vue.component('project-comp',{
        template: `
        <div class='box'>            
            <div v-for='one in this.$parent.projects'>
               <h2> @{{one.place}}</h2>
               <h2> @{{one.time}}</h2>
            </div>
        </div>
        `,
});

var app = new Vue({
        el: '#root',

        props:['projects'],

        created: function () {
            $.post(
                'url',
                {'city':'beijing'},
                function(data){
                    this.projects = data;
                },
                'json'
            );
        },


});

解决方案

这个问题应该也是楼主吧，已经有答案了

是ajax那this作用域的问题，用箭头函数写或者局部变量存下this。

这篇关于javascript - vue component 在页面加载好时不显示。如何让它显示？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！