VueJs - カスタムコンポーネントのネスト

私はいくつかの賛成を持っています。私はいくつかのコンポーネントを作成し、それらをネストしようとしています。だから私は例があるVueJs - カスタムコンポーネントのネスト

<body> 
    <div class="app"> 
     <image-slider> 
      <slide image="image01.jpg"></slide-image> 
      <slide image="image02.jpg"></slide-image> 
      <slide image="image03.jpg"></slide-image> 
     </image-slider> 
    </div> 
</body>

これは静的なHTMLであり、このコンテンツはVueJSで追加されていません。
私はそれらを作成しようとしましたが、できません。

ご存知ですか？
ご協力いただきありがとうございます。

出典

2017-03-18 riverside256

何がありますあなたのJavaScriptコードですか？ – qw3n

私はこれを行うことができないので、JSコードがありません – riverside256

画像スライダーとスライドは、すべてのカスタムコンポーネントである場合、あなたは、最初のスライド・コンポーネントを作成することができ、後で画像スライダーを作成し、画像スライダーからスライドを参照してください、ここでjsFiddle demo

<image-slider :images="['http://placehold.it/350x150','http://placehold.it/200x100']"> 
</image-slider> 

// use slide only 

<slide image="http://placehold.it/200x100"></slide>

出典

2017-03-19 07:58:59 AngeloC

カスタムコンポーネントを作成することはできません。 – riverside256

なぜですか？この例には2つのカスタムコンポーネントがあります：slideとimage-slider – AngeloC

ですが、作成したいのは私の例のようになります。 – riverside256

VueJs - カスタムコンポーネントのネスト

答えて

関連する問題