как перенаправить на указанный c компонент в vue js

Question

Я хочу перенаправить внутри URL без ссылки на страницу sh, без использования ссылки на маршрутизатор, как показано ниже:

<router-link to="/about us " active-class="active">foo</router-link>

Я хочу напечатать маршруты, как показано ниже:

<li class="nav-item phone">
    <a class="nav-link" href="contact-us.html">
        اتصل بنا
    </a>
</li>

Мой маршрут:

const routes = [
    { path: '/aboutus/', component: AboutUs }
]

Answer 1

Попробуйте это

this.$router.push('about')

Answer 2

Для этого может потребоваться обходной путь.

Это решение также не изменит url:)

Установите html в данных

    data: () => {
        return {
            html: null
        }
    }

Получите содержимое вашего файла html, используя любой запрос, и присвойте его разделу html в data. Вы можете получить это из любого крючка жизненного цикла. Здесь я использую beforeMount.

    beforeMount() {
        this.fetchAllEmployees();
        axios.get('contact-us.html')
            .then(response => {
                this.html = response.data;
            })
    }

Теперь вы можете показывать содержимое html в вашем компоненте, например,

<template>
    <div>
        <div v-html="html"></div>
    </div>
</template>

Отображать только при нажатии a тег, вы можете добавить еще одну переменную в data, которая может использоваться для переключения значения.