Horizontal virtual scroll inside virtual scroll doesn't works fine
-
Describe the bug
I’m trying to make a vertical list of rows, where each row is horizontal list.
So I configured a vertical virtual scroll with :key=“idx” and put inside a horizontal virtual scroll with :key=“idy”.I have a double array of items heavySubCats[a][b].
When I try to set items for horizontal list :items=“heavySubCats[idx]” (where idx is a key of a vertical list) - it doesn’t work, but if I’ll set a constant instead of the index :items=“heavySubCats[2]” - it works.Codepen/jsFiddle/Codesandbox (required)
https://jsfiddle.net/antonsvens/sfvkmbc5/9/To Reproduce
Steps to reproduce the behavior:Go to the jsfiddle link above, run - you will only see vertcal list titles
In the HTML tab, line #28 replace
:items=“heavyItems[idx]”
with
:items=“heavyItems[3]”
or any other number instead of idx, run - you will see horizontal scroll list in each rowExpected behavior
I need to pass index of the row of vertical list to the horizontal listGuys, any ideas?