url问题
前端问题之url问题
问题描述：在想通过
this.$router.push('/main')进行路由跳转的时候，出现了main页面一闪而过的情况，具体效果是首先确实跳转到了main页面，其url中多了一个问号，接着就又跳转回了原重定向页面
造成这个问题的原因就是，在使用原生form表单的时候，form表单中的button按钮触发事件的时候，回首先触发一个默认的submit事件，此时会提交一个action，然后会改变掉url，url中就会多出一个？进而导致再次触发重定向
解决方案：
- 在button标签中设置属性
type="button"，其在原生form表单中，默认type属性是为submit的 - 在button标签中
<button @click.prevent="login" type="button">login</button>通过vue提供的方法，阻止触发默认的点击事件 - 手动阻止默认点击事件
- 将button标签写到form表单外
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 一叶凉夏！
相关推荐
2023-01-03
TypeScript
TypeScript学习1.never类型never类型主要应用于以下场景 比方说有一个函数 123456789101112function handleMessage(message: string | number){ switch (typeof message){ case 'string': console.log('string处理message'); break; case 'number': console.log('number处理message'); break; //default: // const check: never = message }} 此时函数支持的参数有string和number类型的，如果有一个人想去传一个boolean类型的参数，首先肯定是会报错的，但是如果修改了hadleMessage函数的话，比如在参数中添加|...
2023-01-03
视频进度
视频进度实战11 看完了 js高级 1：34
2023-01-03
遇到的坑
坑1.当使用prettier进行对代码进行规范限制的时候，使用editorconfig和prettier中vscode的插件都正常启用时候，发现对ts代码的格式化不起作用 方法：按ctrl+shift+t打开settting.json加入"editor.defaultFormatter": "esbenp.prettier-vscode", 就可以了
2023-01-03
api
1https://www.fastmock.site/mock/c1c302e8baed9894c48c17e4738c092e/api 老师的api
2023-01-03
解构
1....解构先上个例子： 首先有一个数组：stack 12345[ { value: '测试1', clickStatus: 'true' }, { value: '测试2', clickStatus: 'false' }, { value: '测试3', clickStatus: 'false' } ] 然后想将另一个数组给加进来:req.body.content 12345[ { value: '测试1', clickStatus: 'true' }, { value: '测试2', clickStatus: 'false' }, { value: '测试3', clickStatus: 'false'...
2023-01-03
git clone问题
报错error: RPC failed; result=35, HTTP code = 0fatal: The remote end hung up unexpectedly a: 1,2,3 b:1,2 c:,1 a:1,2 b:1 c:压入栈