多个相同子组件的情况下，如何在子组件中知道自己的index或key

[ZHAOzn]

比如

<nav>
    <nav-item />
   <nav-item />
   <nav-item />
   <nav-item />
</nav>

nav组件：

<div class="nav">
    <slot />
</div>

nav-item组件：

<div="nav-item">
     <slot / >
</div>

nav组件与nav-item组件通过 provide/inject 通信

问：如何在nav-item组件中，知道这个组件在nav组件中排行第几

[palamarchukser]

@ZHAOzn If I understood correctly, hope this helps for you
https://stackoverflow.com/questions/56658913/getting-index-of-each-component-inside-vues-slots
https://stackoverflow.com/questions/71017073/how-to-get-number-of-slot-in-a-vuejs-component

[Justineo]

The only reliable way to determine the final index of an item is to look it up in the rendered vnode tree. I have a PoC project for this scenario: https://github.com/Justineo/vue-coupled.

[midfar]

自己加个index属性啊