vue.js做的应用中点击搜索功能会改变URI

  • 分类:【前端
  • 浏览【597】
  • 评论【0】
  • 更新【2016-2-04 15:59:14】

    用vue.js做的后台管理系统,有一个列表搜索功能,正常登陆进去,直接点击搜索功能,页面就会刷新一遍,原因是url地址变化了

原本地址是:
http://www.mydomain/#!/index
点击搜索以后就变成了
http://www.mydomain/?#!/index

在#!前面自动加了?,导致页面刷新一遍,这样第一次搜索就没意义了.

    经过初步排查后发现点击其他按钮不会改变URL地址,对比后发现搜索按钮的type="submit",可能是提交表单导致跳转了,那么将type改为button或者直接去掉试试,结果还是不行,干脆也改为标签(加了bootstrap按钮样式),结果好了。

为什么将button type改为button不行呢,原因是在

标签内

关键字词:vue.js