vue редирект с реквизитом

Question

  path: '/shop/products/:products',
  props: true,
  redirect: '/',
  component: Example

Мне нужно получить доступ к props в моем компоненте, который отлично работает без перенаправления, но когда добавляется redirect, реквизиты undefined в моем компоненте. Любая информация, почему я не могу получить доступ к своим реквизитам.

Answer 1

Регистрируете ли вы реквизиты в своем компоненте?

<script>
    export default {
        props: ['products'],
    };
</script>

, чтобы протестировать, добавьте следующий внутренний скрипт:

    mounted() {
        if (this.products){
            console.log(this.products, 'products')
           
        }
    },

О неопределенной проблеме, которая возникает, потому что в URL-адрес перенаправления отсутствует: products route param.

Если бы я был на вашем месте, я бы удалил перенаправление из файла маршрутизатора, и когда мне нужно перенаправить, я бы добавил в компонент vue следующее:

            this.$router.push('/');