Riotjs從子標記到父標記的數據

Question

我看過很多類似的問題，但仍然難以完成。 Try-d observable-s，但搞亂了某處並且無法完成。新仍然

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> 

opts允許您將數據傳遞給子（在本例中是對列表的引用）。你可以像這樣訪問子標籤內的內容：

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

我希望這有助於。

Answer 3

看看RiotComponent。它以直觀的方式實現元素之間的通信。