Change data values in instance variable when component loading in vue

Question

I use Vue router for loading components in Laravel.I want to change 'show' value in instance variable when I click router-link.How can I do do this?

<router-link to="/login">Login</router-link>

Instance Variable:

const app = new Vue({
    el: '#app',
    data: function() {
        return {
            show: true
        }
    },
    router
});

Login Component :

<template>
  <div>Login component</div>
</template>

Andrew Vasylchuk · Accepted Answer · 2019-07-30 11:04:50Z

1

Something like this: <router-link to="/login" @click.native="show = false">Login</router-link>

answered Jul 30, 2019 at 10:28

Andrew Vasylchuk

4,7792 gold badges14 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

i solved this.the correct answer is @click.native="show".thanks