1.标签跳转

  1. <router-link to='/login_pwd'>
  2. <div class="change tc">
  3. <img src="../../assets/switch.png" alt="" /><span>切换到账号密码登录</span>
  4. </div>
  5. </router-link>

2.点击事件跳转

  1. <div class="tc">
  2. <button class="btn" @click="login">登录</button>
  3. </div>
  4. methods:{
  5. login(){
  6. this.$router.push({path:'/home'});//进入主页面
  7. }
  8. }

image.png

3.返回上一页的两种处理方法

第一种 只返回上一页

  1. <div @click="goOff()">返回</div>
  2. goOff(){
  3. this.$router.go(-1);
  4. },

第二种 返回上一页,如果没有上一页返回首页

  1. methods: {
  2. back(){
  3. if (window.history.length <= 1) {
  4. this.$router.push({path:'/'})
  5. return false
  6. } else {
  7. this.$router.go(-1)
  8. }
  9. }
  10. },