Vue项目 在IE11 下无法登录跳转

最新推荐文章于 2022-10-09 11:12:26 发布
最新推荐文章于 2022-10-09 11:12:26 发布
阅读量637 收藏
点赞数
分类专栏： Vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35081500/article/details/113868239
版权

问题： Vue项目，Chrome， FIreFox运行正常， 在IE11 环境下可以打开，但点击登录无法跳转

原因： 登录页使用了form表单，当el-button组件设置native-type="submit"后，点击登录会刷新页面！

解决办法： 添加prevent修饰符，去除默认事件影响

<el-button style="width:100%" type="primary" @click.prevent="onSubmit" native-type="submit" :loading="submitting">登录</el-button>

@click.prevent="onSubmit"
Lv骚年
关注
专栏目录
解决vue2.x在ie浏览器打开空白问题
蜗牛~~
12-06 5874
排查一： 先看看项目中是否安装并引入babel-polyfill这个东西，（Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码）。引入则跳过 vue项目在IE浏览器中显示空白，是因为js文件没有加载，需要引入babel-polyfill这个东西，而用vue脚手架搭建的项目是没有引入此工具的 引入方法： （1）安装 npm install --save babel-polyfill （2）修改webpack.base.conf.js app: ['babel-polyfill'.
vue2项目IE11无法打开问题
BigOrange的博客
11-18 1211
问题1： vue2项目在ie11上打开，一片空白。 `npm install --save babel-polyfill` 问题2： 引入babel-polyfill后，页面显示，但无法跳转页面。也看不到报错。 增加`, resolve('node_modules/ant-design-vue')`
Vue项目在ie11浏览器点击跳转时无法跳转，报Loading chunk {n} failed，其他浏览器都没任何错误，解决方法
qq_43437571的博客
07-07 3592
最近有个Vue项目中会偶尔出现Loading chunk {n} failed的报错，报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。但是这个问题的根本原因没有被找到，因为这个问题出现的偶然性太高了，而且有的手机上会出现，有的不会，用模拟器不会出现，用真机又会出现，不知道是网络原因还是webpack的bug。在github、stackoverflow等各种地方也找不到原因和解决方案，这是github上关于这个问题的讨论：Loading chunk {n}
vue-router在IE下不跳转
Annie的博客
05-16 4355
发现最近做的vue项目中，在IE浏览器下，当router改变时，虽然页面中的URL改变了，但页面并没有跳转。查阅资料后找到如下解决方案，在App.vue文件中的mounted里面添加如下代码。 function checkIE(){ return '-ms-scroll-limit' in document.documentElement.style && ...
vue项目router-link在IE下不跳转，失效
贵林之恋的博客
07-05 2626
在IE11浏览器中，router-link的跳转是失效的，主要是因为当url的hash变化的时候，浏览器没有做出相应的反应。这时候需要做一个兼容处理，当浏览器是IE11时手动给url加一个hashChange事件。 办法一： new Vue({ el: '#app', router, components: { App }, template: '<App/>', ...
Vue项目:IE11中地址栏直接改变路由页面不跳转bug
mad_house的博客
05-15 1572
网上找到有很多关于vue-router组件复用问题的回答，但是我的问题和组件复用无关… 记录一下网上好不容易找到的解决方法，原文更详细一点：Vue项目:IE11中地址栏直接改变路由页面不跳转bug bug描述: 使用vue-cli搭建的项目, vue-router控制路由. 兼容谷歌 火狐 IE11及IEedge. 在谷歌 火狐 IEedge的地址栏直接改变路由地址, 回车的话, 路由页面能够刷新到响应路由界面. 但是在IE11中, 地址栏虽然改变了, 但页面却没有任何变化. 解决办法: 在app.vue中
Vue 中 a标签上href无法跳转的解决方式
10-16
首先，让我们明确问题的描述：在使用vue-router的项目中，`a`标签的`href`属性在Chrome和Firefox等现代浏览器下可以正常工作，但在IE浏览器中却失效，无法触发页面跳转。 这个问题的根源在于IE浏览器对...
html引入vue不兼容ie11,Vue在IE11版本浏览器中的兼容性问题
weixin_35679331的博客
07-16 2375
一：Vue 2.x cli1、 使用vue2.0的项目在IE11版本浏览器中是空白的 或者路由跳转但是而页面显示依旧是上一个路径的页面元素 这是因为ie11不支持es6 而我们之前有使用的babel-loader 它仅是将es6的语法转为es5 却不会去转换es6的新属性 例如promise 所以此时我们需要使用到babel-polyfill 以下是具体操作方法首先用cnpm 安装...
tomcat7部署项目 ie登录失败问题
m0_37645632的博客
01-05 411
tomcat7 session cookie
解决部分ie 11登录不上的问题
非衣鲲化的博客
09-27 1326
在测试的过程中，两个同事的电脑上ie11 都能登录到系统里，而自己电脑上通过升级到ie11的浏览器登录不进去，是由于在登录过程中验证吗是写入到cookie中，然后传给前端，而升级后的ie11  后端获取不到cookie  。 通过写写一个过滤器 将下面这段花写入进去就可以 //解决有的ie11 登录不进去的问题        response.setHeader("P3P","CP='IDC ...
selenium关于form表单的提交问题无法跳转的问题，或者点击无效的问题
weixin_42480337的博客
07-23 1332
说来惭愧，这个问题耽误我3个小时，最后去国外网站找到答案。 踩过的坑有： from selenium.webdriver.common.keys import Keys # js = 'document.getElementById("login_btn").click();' # driver.execute_script(js) # driver.excute_script('document.getElementById(" ").click()') # driver.find_elemen
IE浏览器按钮兼容问题
Ling_smile的博客
01-08 567
问题：在ie11下有的关闭按钮无法使用，在IE8和其他浏览器下正常。 我目前发现有两个原因：一个可能的原因是IE11浏览器不支持某些旧版的方法属性，还有一个是原因是发布代码用的是压缩的代码，有时候发布出来的代码有些事件没有注册进去，可能就是压缩代码和原版代码不一样。就好比jquery-1.8.2.min.js和jquery-1.8.2.js这两个文件，压缩版的代码丢失了一些代码，导致关闭按钮事件...
vue2.0兼容ie11（在ie11中无法进行页面跳转 白屏 三步搞定）
信念之于人，犹翅膀之于鸟，信念是飞翔的翅膀
10-09 4649
处理完上面的问题之后大多数情况下，问题就已经解决了，但是比较神奇的是有的时候还是不行，那是因为还有一个地方需要坐下修改，那就是.browserslistrc文件中的：not dead 改成：not ie < 11 或者在package.js里添加一个browserslist。其实上面的sockjs-client一般情况下只会在本地出现，因为本地启动的服务本质是启动的socket服务，而发布到线上的代码是经过打包后的代码，跟socketjs-client不发生关系，除非你项目中用到了webSocket。
vue ie报错：SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser.
water_Popcorn的博客
03-27 1167
错误描述： vuex] vuex requires a Promise polyfill in this browser. 解析：因为vue项目中使用了ES6 Promise,而IE浏览器不支持 解决方法： 1、终端：npminstall--save-devbabel-polyfill 2、我们用的vue-cli框架，在webpack.base.conf.js的modul...
解决“requires a Promise polyfill in this browser”错误
热门推荐
甘焕的博客
11-25 1万+
在IE 9上使用Vuex的过程中，出现如下错误：SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser. 解决办法如下： 从babel的官方网站下载babel-polyfill，安装到WEB应用的头部即可轻松解决问题，并能支持ES6所有的新方法。 $ npm install --save-dev babel-
SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser.
qq_40101922的博客
04-23 778
原因：低版本的IE或低版本qq浏览器不支持vue的es6语法 解决：安装babel-polyfill，让babel-polyfill可以模拟ES6使用的环境，可以使用ES6的所有新方法 1、npm install --save-dev babel-polyfill 2、在webpack.base.conf.js中修改 entry: { app: './src/main.js'...
html 兼容ie11,前端开发中在IE11下出现的一些兼容性问题（持续汇总）
weixin_36367249的博客
06-16 1341
1、Chrome上能够正常打开网页，可是在IE11上打开一片空白，打开控制台报语法错误，以下图：点击chunk-vendors.js后发现是vue-baidu-map组件报错，以下图：缘由：vue-baidu-map组件可能不兼容IE11。解决办法:在vue.config.js增长以下配置便可:cssmodule.exports = {transpileDependencies: ['vue-ba...
"vuex requires a promise polyfill in this browser
qq_34868715的博客
01-08 418
"vuex requires a promise polyfill in this browser"问题解决 这个问题主要是vuex不支持IE8以下版本无法引入promise。可尝试对应四种方式： 一、index.html加入 <!-- Script for polyfilling Promises on IE9 and 10 --> <script src='https://c...
vue项目解决IE兼容性问题 Promise
u010227042的博客
03-28 1092
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_24343389/article/details/83272755 1、IE浏览器报：SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser 解决方法： 第一步、安装 babel-polyfill ...
vue实现谷歌跳转ie
最新发布
08-06
Vue是一种用于构建用户界面的JavaScript框架，无法直接实现浏览器的跳转功能，不论是从谷歌浏览器跳转到IE浏览器，还是从IE浏览器跳转到谷歌浏览器。 浏览器之间的跳转是通过HTML标记语言中的标签的href属性来实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值