【Riot.js】eachした際に何番目のカスタムタグか知りたい

Question

クリックした際に何番目のselect-videoタグか知りたい場合どうしてますか？

<div id="select-video-wrapper" ref="uploadWrapper">
       <select-video each="{ selectVideoArr }"></select-video>
</div>

<select-video>
    <div class="select-video" ref="test" onclick="{ changeEditVideo }">
        <div class="select-video-title">新規編集フォーム</div>
    </div>
    <script>
        this.changeEditVideo = function(e) {
            console.log(tag.parent.refs.uploadWrapper.index(tag))
        }
    </script>
</select-video>

Answer 1

すでにクローズ済みですが、each="{item, index in selectVideoArr}"のようにすれば、配列の添字もindexとして取得できます（リファレンス）。

Comments

[NobumitsuHata]

<form-video each="{ value, i in formVideoArr }"></form-video>
上記のように書きましたが、this.iで取得できません。

[maisumakun]

thisなしの「i」「value」で取ります。

[NobumitsuHata]

リファレンスだと普通のタグですが、カスタムタグ内でも「i」だけで取得できるんですか？

[NobumitsuHata]

not defined になりますが
this.on('mount', function() {
console.log(i)
})

[maisumakun]

タグの中のJavaScriptからですか…opts.iあたりに来ていませんか？

[NobumitsuHata]

undefinedになります。

Answer 2

eachで入れるデータにインデックスを加えておけばいい話でした。