点击button页面重新加载刷新

简介: 点击button页面重新加载刷新

今天遇到一个问题,在弹窗里面,点击提交按钮的时候,会出现一次页面刷新,本身网页的背景颜色设置为深蓝色,这一次刷新就会出现闪白屏的效果。

算是一个bug

一开始不知道是什么情况。后面发现了,原来是自己的button按钮出现的问题

我是这样写的

<button>添加</button>

细心的小伙伴可能发现了,我没有给给button添加type=“button”属性

修改一下

<button type=“button”>添加</button>

原因:在form表单里的button,不给button添加type属性,点击按钮,button默认为submit,点击按钮页面会重新加载刷新。


好了,现在

给button添加type=“button”后,点击按钮页面就不会自动重新加载刷新了。


再次打开,点击按钮,白屏闪现的问题不见了


总结:细心是多么的重要呀

相关文章
|
2月前
ionic 4 点击按钮跳转页面传值并刷新
ionic 4 点击按钮跳转页面传值并刷新
31 2
|
2月前
|
前端开发 网络安全 数据库
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
|
8月前
uniapp解决首页subNvue,hide方法关闭不了问题
uniapp解决首页subNvue,hide方法关闭不了问题
|
8月前
|
缓存
layui打开iframe窗口不刷新的问题
layui打开iframe窗口不刷新的问题
88 0
|
8月前
点击添加按钮弹框动态添加内容并且拼接在页面
点击添加按钮弹框动态添加内容并且拼接在页面
23 0
|
8月前
layui动态上传按钮点击无效
layui动态上传按钮点击无效
143 0
|
8月前
|
前端开发
Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示
Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示
|
12月前
element ui 上传图片之后跳转、刷新、保存,预览和删除丢失问题
这问题困惑了我好久,在官方的element ui 的组件库中,直接拿来使用的话,只有当前显示效果,一旦刷新页面或者保存之后,就会丢失,预览和删除功能。当保存后,保存到后端接口,再次查看,图片是能渲染出来,但是由于保存页面刷新,随之整个上传过程失败,而查看所拿到的图片只是一张静态图片,要想再次预览和查看,需要重新选中上传
173 0
|
JavaScript 前端开发
【Layui】关于做了分页后点击删除按钮无效(或者在任何框架点击一个按钮无效解决方案)
【Layui】关于做了分页后点击删除按钮无效(或者在任何框架点击一个按钮无效解决方案)
265 0
【Layui】关于做了分页后点击删除按钮无效(或者在任何框架点击一个按钮无效解决方案)
|
存储 小程序 iOS开发
iOS 小知识: 再次点击tabBar刷新界面数据(更新数据期间旋转tabbar图标)【包含完整demo】
iOS 小知识: 再次点击tabBar刷新界面数据(更新数据期间旋转tabbar图标)【包含完整demo】
504 0
iOS 小知识: 再次点击tabBar刷新界面数据(更新数据期间旋转tabbar图标)【包含完整demo】