Programming jump

Programming jump

First, create a button and event and bind  

Then we click the button, execute the code, and finally execute the jump

Full code ：

<template>
  <div>
    <!--  Label jump  -->
    <h2> Label jump </h2>
      <router-link to="/"> home page </router-link>
      <router-link to="/helloword">helloword</router-link>
      <router-link to="/about">about</router-link>
      <br>
    <!--  Programming jump  -->
    <h2> Programming jump </h2>
      <button @click="gohelloword()">3s Then switch to hell oword</button>
    <!--  Place holder : Replaced with the corresponding component  -->
  </div>
</template>

<script>
  export default {
    methods:{
      gohelloword(){
        var number =3;
        console.log(this);
        // I found it backstage router

        //  stay vue There are many in the object $ The properties of the beginning 
        // vue Its own attributes are all $ At the beginning 
        //  Timer 
        setInterval(()=>{
          number--;
          console.log(number);
          if(number==0) this.$router.push("/helloword");
        },1000);
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>

Last article ：

Talking about VUE Router system _ Ashan classmate . The blog of -CSDN Blog https://blog.csdn.net/weixin_50112395/article/details/124921571?spm=1001.2014.3001.5502