为了账号安全,请及时绑定邮箱和手机立即绑定

出现一个问题,点击“注册”按钮页面进入注册表单后自动跳转回登录页面

<template>
    <div>
        <form v-if="!isReg">
            用户名:
            <input type="text" v-model="name">
            密码:
            <input type="text" v-model="password">
            <button type="button" @click="login()">登录</button>
            <button type="button" @click="reg()">注册</button>
        </form>
        <form v-else>
            用户名:
            <input type="text" v-model="name">
            密码:
            <input type="text" v-model="password">
            再次输入密码:
            <input type="text">
            <button @click="addUser()">确定</button>
            <button @click="cancel()">取消</button>
        </form>
    </div>
 </template>
 <script>
 export default {
     name: "Login",
     data () {
         return {
             isReg: false,
             name: '',
             password: '',
             repeat: ''
         }
     },
     methods: {
         login () {
             this.$router.push('/home/list')
         },
         reg () {
             this.isReg = true
         },
         cancel () {
             this.isReg = false
         },
         addUser () {
             localStorage.setItem("name", this.name)
             localStorage.setItem("password", this.password)
         }
      }
   }
</script>
<style>
</style>

请问老师如何解决bug?

正在回答

4 回答

1. form标签的action属性会进行跳转,所以form不给action标签,

2. 在button上的type不使用submit,因为submit会默认执行action属性;

3. 在form标签、click上加入prevent修饰符,参考:修饰符事件修饰符


1 回复 有任何疑惑可以回复我~

第一个form表单中的button标签更换为div标签就不会有上诉问题了

1 回复 有任何疑惑可以回复我~

我也是这样 但是不知道为啥。代码和视频里一模一样的 自己会跳转回去


0 回复 有任何疑惑可以回复我~

已找到问题所在,是因为form标签所导致的,换成div标签就没有问题了,但是不知道为什么会产生这问题

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

出现一个问题,点击“注册”按钮页面进入注册表单后自动跳转回登录页面

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信