значит нужно оборачивать все в какой-то контейнер и отслеживать клики вне него

слой и к нему z-index = 0 а этому скажем 10?

Всем привет! Нубский вопрос. Только начинаю изучать Vue. Пишу компонент таблицы и столкнулся с такой проблемой - не могу сделать v-for по <tr> вот таким образом:

  <tr v-for="(exchangedata, exchange_id, index) in info.exchanges" :key="exchange_id">
     <Exchange v-bind:exchangeData="[exchangedata, index]"/>
   </tr>

Чтобы внутри компонента Exchange сделать вот так:

<template>
   <th>22</th>
   <td>33</td>
   <td>33</td>
   <td>23</td>
   <td>12</td>
   <td>3</td>
   <td>68</td>
   <td>69</td>
</template>

т.к. ругается на ошибку, мол у шаблона компонента должен быть только один root-элемент. Но как же тогда мне итерацию делать?) Плодить какой-то еще контейнер лишний?

Если перенести <tr> внутрь компонента Exchange, то на чем сделать v-for?

А зачем тебе выводить то в другой компонент

v-for можно прямо на Exchange

Просто не укладывалось в голове, что можно сделать v-for на элементе и сразу же v-bind вот так:

<Exchange v-for="(exchangedata, exchange_id, index) in info.exchanges" :key="exchange_id" v-bind:exchangeData="[exchangedata, index]"/>

Оказалось всё очень просто, спасибо)

https://codepen.io/RasulovMuzaffar/pen/OJNzGYV типа того?

у меня и с блюром на самом инпут получилось, вот
https://codesandbox.io/s/crazy-murdock-i2itj?file=/src/App.vue

а вот ваш исправленный код
https://codepen.io/rafail_dev/pen/zYqpQOj

Подскажите пожалуйста, есть ли способ передать данные о состоянии приложения в router middleware без использования vuex?

а где хранится ваше состояние приложения?

Вот сейчас как раз думаю по этому поводу, либо делать какой-то компонент - обертку, и из него через provide прокидывать глобальные данные в остальные компоненты. Либо сделать отдельный класс, синглтон и в нем хранить

вы можете передавать router при помощи какой-то нибудь функции createRouter и передавать туда любой контекст

При выполнении функции получаю ошибку

this.cb is undefined

не могу понять в чем проблема 🤔

аргументом в createRouter?

как вам будет удобно

можно сюда, но нужно убедиться что это будет именно ссылка на существующий созданный инстанс приложения

можно потом кастомно в хуки beforeEach и др передавать инстанс приложения или то, что вам нужно

это архитектурный вопрос, тут на одном файле ответить невозможно

Правильно наверно было спросить как передавать данные в хуки как раз, это мне и надо

в Nuxt например на клиенте есть функция
createApp
там создаеются инстансы
router
store
app

т.е. это ссылки на существующие объекты

далее идут операции уже с ними
мы создали инстанс и передали туда router и store, но при этом сохранили ссылки на них
поэтому мы можем обращаться к ним, вызывать какие-то фукнции, в которых будем вешать хуки, но при этом у нас осталосись ссылки и на app и на store
т.е. мы можем в эти функции передать все, что нам вздумается