vue登录注册切换的坑

Posted 2021-11-27 zhengxiaoxiao

以下代码是可以用的:

就是通过data的数据控制同级div的显示和隐藏是可行的，原来以为参考的代码出问题了，找了一下午加一个晚上，最后将原来页面的内容放到一个新的页面上，又剔除各种复杂的id，button，事件等，才证明这个方法是可行的。原来以为多余的那些东西没有影响的，直到删除了它们，console不显示异常，才搞清楚v-show控制div显示异常的真正原因，居然是一个触发的注册事件函数没有定义。

唉唉唉，还是不能想当然，清除异常要清除控制台的异常。

<template>
<div>
  <div v-show=showRegister><!--注册页面-->
  ddddsssssssssssssss
  <span  v-on:click="ToLogin">没有账号？马上注册</span>
  </div>
  <div v-show=showLogin><!--登陆页面-->
    <h3>登录</h3>
    <p v-show="showTishi">nn</p>
    <button >登录</button>
    <span v-on:click="ToRegister">没有账号？马上注册</span>
  </div>
</div>
</template>
<script>
export default {
  data(){
    return {
      showRegister:true,
      showLogin:false,
      showTishi:true,
      }
  },
  methods:{
    ToRegister(){
      this.showRegister=true,
      this.showLogin=false
    },
    ToLogin(){
      this.showRegister=false,
      this.showLogin=true
    }
  }
}
</script>