以下代码是可以用的:
就是通过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>