title: Vue.js v-if logical condition issue
body: <p>I am having trouble understanding the logic behind how the v-if works. I am trying to hide buttons in the nav based on what page the user is on or if they are authenticated. I basically want the my-account button to show when the user has logged in and show the sign-up/log-in buttons when they are not PLUS if the user is on the &quot;activate my account&quot; page I dont want any buttons in the nav.
  As you can see I have tried adding a method which returns the path of the activation page. The problem is when the following code is uncommented it hides the sign-up/login buttons but also for the my-account page.</p>
  <pre><code>        &lt;template v-else-if=&quot;isNotInConfig&quot;&gt;
            &lt;/template&gt; 
  </code></pre>
  <p>Heres what I have so far:</p>
  <pre><code>            &lt;div class=&quot;navbar-end&quot;&gt;
                  &lt;div class=&quot;navbar-item&quot;&gt;
                      &lt;div class=&quot;buttons&quot;&gt;
                          &lt;template v-if=&quot;$store.state.user.isAuthenticated&quot;&gt;
                              &lt;router-link to=&quot;/dashboard/my-account&quot; class=&quot;button is-primary is-outlined&quot;&gt;My account&lt;/router-link&gt;
                          &lt;/template&gt;
                          &lt;!-- &lt;template v-else-if=&quot;isNotInConfig&quot;&gt;
                          &lt;/template&gt; --&gt; 
                          &lt;template v-else&gt;
                              &lt;router-link to=&quot;/sign-up&quot; class=&quot;button is-primary&quot; &gt;&lt;strong&gt;Sign up&lt;/strong&gt;&lt;/router-link&gt;
                              &lt;router-link to=&quot;/log-in&quot; class=&quot;button is-light&quot;&gt;Log in&lt;/router-link&gt;
                          &lt;/template&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
  &lt;script&gt;
  export default {
      data() {
          return {
          }
      },
    methods: {
      isNotInConfig() {
        return this.$router.history.current[&quot;path&quot;] == &quot;/activate/:uid/:token&quot;;
      }
    },
  };
  &lt;/script&gt;
  </code></pre>