0

アプリのhtmlにある単純なコンポーネントがあり、に接続されています

v-if

ドキュメントからわかるように、v-if が false の場合、コンポーネントはまだ作成されません。

これがページ上のコンポーネントです

<post-modal :v-if="postModal" :show.sync="postModal" :post="post">
    <h3 slot="header">Show Post</h3>
</post-modal>

そしてアプリコード：

new Vue({
    el: '#vueApp',
    data: {
        postModal: false,
        postId: null,
        post: null
    }
});

ご覧のとおり、「postModal」はfalseであるため、コンポーネントをレンダリングしないでください...しかし、コンポーネントの「作成された」メソッドと同じように行うことはわかっています

alert('created');

私は何を間違えましたか？

ありがとう！

4

1 に答える 1

1 
<post-modal v-if="postModal" :show="postModal" :post="post">
   <h3 slot="header">Show Post</h3>
</post-modal>

デモリンク

于 2016-09-13T16:58:55.520 に答える