Use with jsx

[maratfakhreev]

trafficstars

Hi. Is it possible to use vue-virtual-scroller with jsx? Main question is how to have access to item and its attributes.

My code looks like this one and seems that I can't use v-slot inside jsx.

<RecycleScroller pageMode items={this.sortedLists.rules} itemSize="20" keyField="id">
  <AutomationListRow
    //v-slot="{rule}"
    rule={rule}
    checkedRules={this.checkedRules}
    check={this.checkRule}
    actions={this.ruleActions}
  />
</RecycleScroller>

My default list without vurtual scroller:

{this.sortedLists.rules.map(rule => (
  <AutomationListRow
    key={rule.id}
    rule={rule}
    checkedRules={this.checkedRules}
    check={this.checkRule}
    actions={this.ruleActions}
  />
))}

[webistomin]

Hi. Is it possible to use vue-virtual-scroller with jsx? Main question is how to have access to item and its attributes.

My code looks like this one and seems that I can't use v-slot inside jsx.

<RecycleScroller pageMode items={this.sortedLists.rules} itemSize="20" keyField="id">
  <AutomationListRow
    //v-slot="{rule}"
    rule={rule}
    checkedRules={this.checkedRules}
    check={this.checkRule}
    actions={this.ruleActions}
  />
</RecycleScroller>

My default list without vurtual scroller:

{this.sortedLists.rules.map(rule => (
  <AutomationListRow
    key={rule.id}
    rule={rule}
    checkedRules={this.checkedRules}
    check={this.checkRule}
    actions={this.ruleActions}
  />
))}

How did you solve this issue? I have the same problem.

[liziwork]

look here <RecycleScroller pageMode items={this.sortedLists.rules} itemSize="20" keyField="id"> {{ default: ({item}) => <AutomationListRow //v-slot="{rule}" rule={rule} checkedRules={this.checkedRules} check={this.checkRule} actions={this.ruleActions} /> }} </RecycleScroller>