点击button页面重新加载刷新

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

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

算是一个bug

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

我是这样写的

<button>添加</button>

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

修改一下

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

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


好了,现在

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


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


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

目录
打赏
0
0
0
0
11
分享
相关文章
|
10月前
ionic 4 点击按钮跳转页面传值并刷新
ionic 4 点击按钮跳转页面传值并刷新
78 2
|
10月前
|
解决elementUI弹出框关闭后再打开el-select下拉框无法选中的问题
解决elementUI弹出框关闭后再打开el-select下拉框无法选中的问题
252 0
|
10月前
解决点击button按钮会刷新页面的问题
解决点击button按钮会刷新页面的问题
87 0
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
js点击button,在页面上创建一个三行四列的表格
js点击button,在页面上创建一个三行四列的表格
220 0
成功解决:el-dialog弹出窗口、数据第一次没有加载、第二次打开才能加载数据。(每次页面刷新后、第一次打开dialog窗口、图片数不加载)
这篇文章分享了解决Vue中`el-dialog`弹出窗口在第一次打开时数据未加载问题的技巧,通过改变组件的`key`属性来强制Vue重新渲染DOM,从而确保数据正确加载。
成功解决:el-dialog弹出窗口、数据第一次没有加载、第二次打开才能加载数据。(每次页面刷新后、第一次打开dialog窗口、图片数不加载)
layui动态上传按钮点击无效
layui动态上传按钮点击无效
353 0
Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示
Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示
143 0
DataGrid 首次进入页面时,不要加载任何数据
DataGrid 首次进入页面时,不要加载任何数据
122 0
element ui 上传图片之后跳转、刷新、保存,预览和删除丢失问题
这问题困惑了我好久,在官方的element ui 的组件库中,直接拿来使用的话,只有当前显示效果,一旦刷新页面或者保存之后,就会丢失,预览和删除功能。当保存后,保存到后端接口,再次查看,图片是能渲染出来,但是由于保存页面刷新,随之整个上传过程失败,而查看所拿到的图片只是一张静态图片,要想再次预览和查看,需要重新选中上传
347 0