[v3 vue] Passing parameters from v-for

Questions
1

There is a code

<f7-list-item  class="lineAll" :title="item.name" v-for="(item, index) in Sub" :key="item.id">
<span slot="after"><f7-link popover-open=".popover-menu" ><f7-icon f7="menu"></f7-icon></f7-link></span>
</f7-list-item>
...
<f7-popover class="popover-menu" ><f7-list>
<f7-list-item link="#" popover-close title="Edit"  ></f7-list-item>
<f7-list-item link="#" popover-close title="Delete" ></f7-list-item>
 </f7-list></f7-popover>

How do I pass [item] to the called popover?

2

You need use custom method to handle popover opening:

<f7-list-item  class="lineAll" :title="item.name" v-for="(item, index) in Sub" :key="item.id">
  <span slot="after">
    <f7-link @click="openPopover(item)"><f7-icon f7="menu"></f7-icon></f7-link>
  </span>
</f7-list-item>

{
  methods: {
    openPopover(item) {
      // do something here to open popover based on passed item
    }
  }
}
3

Yeah, I see, thank you!