Блог

Главная - Вопросы по программированию - v -если не обновляется панель навигации

v -если не обновляется панель навигации

#javascript #vue.js #header #render

#javascript #vue.js #заголовок #визуализация

Вопрос:

Я создаю приложение с использованием VUE JS, в котором есть компонент заголовка. В этом компоненте я условно показываю вложенный заголовок на основе маршрутов. Итак, v-if не отображает вложенный заголовок после обновления свойства данных.

     <nav v-if="module === 'ap'" id="account-nav">
    </nav>
    <nav v-if="module === 'ip'" id="account-nav">
    </nav>

watch: {
    '$route' (to) {
        if(to.path.includes('/ap/')) {
            this.module = 'ap'
        } else if (to.path.includes('/ip/')) {
            this.module = 'ip'
        }
    }
}

введите описание изображения здесь

Комментарии:

1. вы пропускаете закрытие " v-if="module === 'ip'

2. @BoussadjraBrahim Именно там я просто пропустил, чтобы добавить его сюда

3. пожалуйста, зарегистрируйте to параметр и дайте мне результат '$route' (to) { console.log(to) ...

4. @BoussadjraBrahim добавлен скриншот консоли

5. почему оба идентификатора nav одинаковы