vue项目点击按钮后链接后问号重新刷新页面

最新推荐文章于 2023-07-24 16:35:13 发布
最新推荐文章于 2023-07-24 16:35:13 发布
阅读量968 收藏 1
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41999617/article/details/89026087
版权

当我点击登录时候：

 

发现url后面多了一个问号，不但多了问号，页面也刷新了一次。

结果 才发现提交表单数据的时候，只写了一个click，而没有避免表单的默认事件。这里是 form 表单，点击了button 按钮，触发了他的默认事件，就是触发了提交这个行为。所以使用@click.prevent 阻止默认事件，这样就不会出现刚刚那个问题了。粗心粗心粗心啊！！！！

 

 

 

MandiGao
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue组件中点击按钮后修改输入框的状态实例代码
08-30
要求点击修改按钮之后部分输入框由禁用状态变为可用状态。下面我给大家分享一段实例代码基于vue组件中点击按钮后修改输入框的状态，需要的的朋友参考下
vue搭建后台系统：点击刷新按钮刷新当前子组件页面
qq_38337245的博客
07-08 1万+
新手上路：我想要实现的是搭建的后台系统，子页面中点击刷新按钮就会刷新该组件页面，不会闪烁空白 参考该博主的博客：https://blog.csdn.net/qq_16772725/article/details/80467492 我直接参考第三种方法： provide / inject组合 方式 官方文档：https://cn.vuejs.org/v2/api/#provide-inje...
el-form表单按回车键后页面刷新并且URL上面多了一个问号
m0_46938695的博客
04-16 912
当表单中只有一个输入框的时候，输入数据按下回车键，页面会刷新，并在url上面多出一个问号，导致页面错误。 解决方案： 在el-form上面加上@submit.native.prevent 原因分析： form 元素中只有一个输入框时，在该输入框中按下回车默认是提交该表单。我们需要阻止这一默认行为。 <el-dialog class="unilumin-dialog" :t...
vue2点击按钮实现页面的刷新，清空所有页面数
最新发布
m0_53286358的博客
07-24 505
这种方法会重新加载整个页面，并清除当前页面的所有状态。
vue实现点击按钮刷新页面的方法:
m0_62118859的博客
04-16 6990
1.简单粗暴的刷新页面方法 //第一种：使用location对象的reload()方法 window.location.reload(); //第二种：使用编程式导航 this.$router.go(0); 2.使用vue中provide和inject
VUE中实现点击按钮刷新页面的方法
weixin_42088314的博客
11-03 1万+
VUE中实现点击按钮刷新页面的方法vue中provide和inject 用法通过依赖注入实现页面刷新源码片段： vue中provide和inject 用法 首先我们需要先了解一下vue中的依赖注入provide 和 inject 概念： 作用：用于父组件向子孙组件传递 使用方法：provide在父组件中返回要传给下级的数据，inject在需要使用这个数据的子辈组件或者孙辈等下级组件中注入数据，这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间
做Vue项目时点击按钮页面会刷新问题
qq_63112991的博客
11-14 1106
原因：原生按钮默认的type为submit，具有提交表单的功能，当在不是IE浏览器的环境下点击时就会发生页面刷新问题。3、可以写一个input标签，把 type=“text” 改成 type=“button”2、如果使用了UI库，那么就使用它提供的按钮。
vue项目打包后打开页面空白解决办法
08-27
主要介绍了vue项目打包后打开空白解决办法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue实现点击按钮切换背景颜色的示例代码
10-15
主要介绍了用vue简单的实现点击按钮切换背景颜色，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
vue项目如何刷新当前页面的方法
08-27
主要介绍了vue项目如何刷新当前页面的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue点击刷新。然后刷新当前页面
有问题可关注公众号：前端研究院 后台输入问题回复
08-16 1万+
之前一直都是简单粗暴的方法： window.location.reload(); 今天发现了个比较委婉的 this.$router.go(0) 感谢大佬分享https://segmentfault.com/q/1010000008035064 嗯。我只有写项目就会遇到问题，然后就去百度，然后就能学到东西啦~~开森...
vue中点击button会刷新页面
zhangjing1019的博客
09-09 5150
确定 你在form中写了一个button标签，有时候就会刷新页面； 想要这个button不刷新页面， 就把form中的button改为 ”button”> 欢迎关注我的个人技术公众号！javascript艺术
解决关于 vue项目中 点击按钮路由多了个问号
weixin_34085658的博客
10-21 640
问题描述： 在vue项目开发过程中，点击按钮结果页面刷新了一遍 后来发现路径变成了 localhost:8080/?#/login   原因： 这里是 form 表单，点击了button 按钮，触发了他的默认事件，就是触发了提交这个行为。   解决方案 使用@click.prevent 阻止默认事件 &lt;button @click.prevent="btnClick"&gt;获得验证码&lt;...
vue 刷新当前页面或者跳转页面时候刷新
热门推荐
yangxiaodong88的博客
08-03 7万+
为什么会有这篇文章 1 用vue-router 重新路由的时候到当前页面的时候是不进行刷新的 2 采用window.reload() 或者router.go(0) hisory.go(0) 刷新的时候整个浏览器进行刷新加载， 但是页面闪烁， 体验不好 解决办法 方式一 先新建一个空白页面， 先跳到空白页面， 然后再从空白页面跳转回来 history.go(-1) 这样的方式 ...
vue项目中点击非刷新按钮，页面刷新并且路由多了个问号解决方案
艾欢欢的博客
09-29 736
问题描述 在vue项目开发过程中，点击查询或重置按钮，结果页面刷新了一遍 后来发现路径变成了 localhost:8080/?#/login ​ 原因 这是因为在 form 表单里，点击了button 按钮，触发了表单的默认事件，也就是触发了提交行为。 ​ 解决方案 使用 @click.prevent 阻止默认事件即可 <button @click.prevent="handleChec...
vue 点击按钮刷新当前页面和内容
gsy_study的博客
03-31 4261
在做答题模块时提交答卷点击重新答题按钮需要更新答题内容 试过 this.$router.push(答题模块路由) window.location.reload() this.$route.go(0) 以上三种方式，都不是好使，就学习到了另一种，特别好用 在这里 https://www.jb51.net/article/151984.htm ...
vue button 按钮点击默认刷新按钮
小米粒的博客
09-29 2400
解决将 <button class="btn btn-sm" @click="searchStudent">搜索</button> 这种button按钮 改为input type=“button”形式： <input type="button" class="btn btn-sm" @click="searchStudent"/>搜索 就可以解决...
怎么让vue某个页面在点击按钮后刷新页面呢
04-24
您可以在Vue中使用$route.reload()方法来刷新当前页面。您只需在按钮的单击事件处理程序中调用该方法即可。例如，您可以在Vue模板中编写以下代码： $route.reload()">刷新页面</button> 这将在用户单击按钮时...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值