[JavaScript知识库]debug--表单提交后会自动刷新页面

项目中修改密码的表单提交之后会自动刷新页面,导致无法查看后续的打印信息以及debugger。
于是开始排查

  <div class='editBox'>
                <div className="title">修改密码</div>
                <el-form model={information} rules={rules} ref={ruleFormRef}>
                    <el-form-item label="原密码" label-width="65px" prop="password">
                        <el-input v-model={information.password} type="password" show-password
                            autocomplete="off" ></el-input>
                    </el-form-item>
                    <el-form-item label="新密码" label-width="65px" prop="newPassword">
                        <el-input v-model={information.newPassword} type="password" show-password onkeydown={(event) => { if (event.keyCode == 32) return false }}
                            autocomplete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="" label-width="65px">
                        <el-input type='submit' onclick={() => { submitEdit(ruleFormRef) }}></el-input>
                    </el-form-item>
                </el-form >
            </div>

经过分析后发现是
<el-input type='submit' onclick={() => { submitEdit(ruleFormRef) }}></el-input>
这行代码中的type=submit 所导致的
type=submit 点击后会导致页面主动刷新
将其改为type=button 或者直接使用button按钮即可

2022深度学习开发者峰会

5月20日13:00让我们相聚云端，共襄盛会！