Vue - 安装组件的访问道具

时间:2018-04-13 15:36:56

标签: javascript vue.js vuejs2 vue-component

我似乎无法访问mounted函数中的道具。

这是我呈现它的方式:

{{landing}}
<vue-date-selector-comp v-bind:publishedat="landing.published_at" v-bind:cr="landing.created"></vue-date-selector-comp>

这是我的组件代码:

vue.component('vue-date-selector-comp', {
    props: ['publishedat', 'cr'],
    template: '<div class="vue-date-selector-comp-cont">{{cr}}</div>',
    mounted: function() {

        console.log('publishedat1',  this.publishedat);
        console.log('created2',  this.cr);

        this.$nextTick(function () {
            console.log('publishedat',  this.publishedat);
            console.log('created',  this.cr);
        });
    }
});

我只在控制台中看到undefined ...为什么?当我在组件呈现之前{{landing}}时 - &gt;我可以看到数据存在。我做错了什么?

编辑:ahh nvm guys - 登陆是通过ajax填充的,所以有我的问题。

0 个答案:

没有答案