<v-navbar-items> doesn't load the array from data

[mfferreira]

I hope I'm not missing anything obvious, but the items are not binding for me.

Here's my App.vue:

<template>
    <v-app top-navbar footer left-fixed-sidebar>

      <header>
        <v-navbar>
          <v-navbar-logo>Vuetify</v-navbar-logo>
          <v-navbar-items v-bind:items="items"></v-navbar-items>
        </v-navbar>
      </header>

      <main>
        <v-sidebar id="sidebar" fixed left></v-sidebar>
        <v-content>
          <v-container fluid>
            <router-view></router-view>
          </v-container>
        </v-content>
      </main>

      <v-footer></v-footer>

    </v-app>
  </template>

  <script>
    export default {

      data () {
        return {
          items: [
            { text: 'Link', href: '#!' }
          ]
        }
      },

      mounted () {
        this.$vuetify.init()
      }
    }
  </script>

UPDATE: UI wasn't hot reloading automatically. After hitting the refresh the navbar items showed up.

[Pwntus]

I thought I had the same problem but for me it was the color of the text that was set to the same color as the background of the sidenav. Why is this and how do I change the text color?

[mfferreira]

@Pwntus I faced the same color issue. It really doesn't make sense and should be changed in the base color scheme.

Anyways, just set the color variables to the color you want in /stylus/main.styl

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord