以下代码是可以用的:
就是通过 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>
来源: http://www.bubuko.com/infodetail-3045972.html