mirror of
https://github.com/tenrok/vue-select.git
synced 2026-05-17 02:29:37 +03:00
Jeff Sagal
18 lines
736 B
Markdown
18 lines
736 B
Markdown
### Using Vue Select in v-for Loops
|
|
---
|
|
|
|
There may be times that you are including Vue Select within loops of data, such as a table. This can
|
|
pose some challenges when emitting events from the component, as you won't know which Vue Select
|
|
instance emitted it. This can make it difficult to wire up with things like Vuex.
|
|
|
|
Fortunately, you can solve this problem with an anonymous function. The example below doesn't use
|
|
Vuex just to keep things succinct, but the same solution would apply. The `@input` is handled
|
|
with an inline anonymous function, allowing the selected country to be passed to the `updateCountry`
|
|
method with the `country` and the `person` object.
|
|
|
|
<LoopedSelect />
|
|
|
|
<<< @/.vuepress/components/LoopedSelect.vue
|
|
|
|
|