子タグから親タグへのRiotjsデータ

Question

私はよく似たような質問をしましたが、それでもやり遂げるのは難しいです。試してみてください - 観測可能だが、どこかを台無しにして、それを行うことができません。子タグでまだ

riotjsに新しい私は、リストにデータをプッシュする機能があります：関数内で

<make-list> 
...lots of html... 
<script> 
    var piclist = []; --after first function run this list has data 
    .... 
    done: function (e, data) { 
         piclist.push(data.result); 
        } 
    ... 
</script> 
</make-list> 

をし、親データに私はそれにアクセスしたい

<main> 
...lots of html.. 
<script> 
riot.mount('make-list') 

and i wana use that piclist = []; list here inside a function 

</script> 

</main> 

Answer 1

mixinを使用してこのようにしました。たぶん正しい方法ではないかもしれませんが、うまくいきます。

<main> 
...lots of html.. 
<script> 
riot.mount('make-list') 

var piclist = []; 
riot.mixin(piclist) 


</script> 

</main> 
<make-list> 
    ... lots of html ... 
    <script> 
    ... 
     done: function (e, data) { 
     piclist.push(data.result); 
     } 
    ... 
    </script> 
</make-list> 

Answer 2

に思えますmake-listタグでリストのリストアイテムを作成し、mainで表示し、make-listで表示するアイテムをmainの子にしたいとします。

親タグ内にriot.mount('make-list')を使用しています。これは少なくとも非常に珍しいことです。実際には、ページ上のすべてのmake-listタグがマウントされます。なぜ騒動の方法に行き、親のhtml部分にこれを追加するのはどうですか？

<main> 
    ... lots of html ... 
    <make-list opts={piclist} /> 

    <script> 
    this.piclist = []; 
    </script> 
</main> 

このオプションでは、子にデータを渡すことができます（この場合はリストへの参照）。子タグ内の次のようにアクセスできます。

<make-list> 
    ... lots of html ... 
    <script> 
    ... 
     done: function (e, data) { 
     this.opts.piclist.push(data.result); 
     } 
    ... 
    </script> 
</make-list> 

これが役立ちます。

Answer 3

RiotComponentをご覧ください。それは直感的な方法で要素間の通信を可能にします。