Vue js Как сделать проверку по id пользователя и вывести именно его товар?

Question

[nionly_quantum]

Хочу вывести в личном кабинете историю покупок и товар пользователя.
ID беру из адресной строки пример: domain.ru/profile/1
Пробовал таким способом:

async beforeRouteProducts (to, from, next) { try {
  const { data } = await axios.get(`/api/v1/companies/${this.$route.params.id}`)
  next(vm => { vm.products = data })
} catch (e) {
  next(vm => { vm.error = e.response.data })
} },

Не работает, по другому пока не нашёл решения(
Вывод самого товара:

<div class="card-carousel--card" v-for="product, index in products">
                  <router-link :to="{ name: 'product', params:{id:product.id}}">
                  <img :src="product.img_index"/>
                  <div class="card-carousel--card--footer">
                    <p>{{ product.name }}</p>
                    <p class="tag" v-for="(tag,index) in product.price" :class="index &gt; 0 ? 'secondary' : ''">{{ tag }}</p>
                  </div></router-link>
                </div>

Answer 1

[Михаил]

А что за beforeRouteProducts? Имелось ввиду beforeRouteEnter?