vue项目浏览器兼容问题

最新推荐文章于 2024-04-29 17:03:44 发布
最新推荐文章于 2024-04-29 17:03:44 发布
阅读量1.7k 收藏 1
点赞数 1
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/likuntao123/article/details/95484875
版权

vue项目浏览器兼容问题

  1. Vue项目修改默认滚动条样式：element-ui隐藏标签el-scrollbar、vuescroll插件；在这里插入图片描述
  2. IE浏览器不兼容vue-socket.io：vue-socket.io-extended结合socket.io-client；在这里插入图片描述
  3. IE浏览器input[type=“password”]出现小眼睛：input::-ms-clear{display:none;}；input::-ms-reveal{display:none;}；在这里插入图片描述
  4. vue项目兼容IE等浏览器：babel-polyfill插件 --》build文件 --》webpack.base.conf.js --》app: [‘babel-polyfill’,’./src/main.js’]；在这里插入图片描述
  5. 未完待续。。。
leo721521
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VUE开发项目遇到的一些问题(一)
Mr.Yuan
01-03 1639
遍历树形json数据var root = [{ name:'D盘', children:[{ name:'学习', children:[ { name:'电子书',
vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件 下拉滚动条
01-09
vue自定义浏览器滚动条(已兼容ie)
做vue项目遇到的兼容性问题
woaizhuzhuxia521521的博客
12-21 1124
1 input 搜索框在 ios 中有上边框阴影，在Android则没有上边框阴影    处理方法    input  {    -webkit-appearance: none;   } 2 select 下拉框 在 ios 中背景颜色是白色，在Android中则可以自行背景设置颜色 3 css3的颜色渐变兼容处理：               linear-gradient(top,,...
Vue进阶（幺柒贰）：信创浏览器兼容性探讨_vue浏览器兼容性
最新发布
2401_84411767的博客
04-29 402
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】给大家分享一些关于HTML的面试题。给大家分享一些关于HTML的面试题。[外链图片转存中…(img-qVkOVrYG-1714381413267)][外链图片转存中…(img-xlJzAKzB-1714381413268)]
vue项目中遇到的一些IE11兼容性问题
qq_39704803的博客
06-23 393
IE微软都已放弃了，但客户要求兼容，没办法，做吧。 1.安装babel-polyfill和es6-promise .babel-polyfill（模拟ES2015以上的环境，主要用于对ES6新语法不支持的浏览器;） .es6-promise(若在项目中使用了ES6 promise对象，在360兼容模式、IE内核中不支持) cnpm i babel-polyfill -S //npm有时会安装不成功 cnpm i es6-promise -S 2.配置babel-polyfill和es6-pr
vue开发常见问题集锦（二）——兼容问题
清音残月
03-31 432
兼容问题 在低版本额浏览器中从在不支持axios的问题 。axios 是基于 promise 来实现的，IE 和低版本的设备不支持 promise。 解决方法 安装 npm install babel-polyfill -S 引入 第一种引入 import "babel-polyfill" 第二种引入 修改webpack.config.js module.exports = {entry: [...
vue项目中滚动条的隐藏，兼容各种浏览器的解决方法
weixin_45602288的博客
10-21 2413
vue项目中滚动条的隐藏，兼容各种浏览器的解决方法 <div class="wrap"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> </div> css: Chrome/QQ浏览器 .wrap { overflow:scroll } .wrap::-webkit-scrollbar { display:
vue项目兼容ie浏览器
Hassanh的博客
02-23 223
vue项目兼容IE浏览器 利用vue-cli脚手架搭建的项目打包后在chrome下正常显示，IE浏览器下显示空白，这是因为缺少babel-polyfill处理器的缘故。 vue-cli脚手架构建的项目结构： 解决方法： 1、安装babel-polyfill包； npm install babel-polyfill --save-dev 安装完之后，在package.json文件中显示： 2、在main.js文件中引入babel-polyfill； 3、在webpack.base.config.js
vue-gemini-scrollbar（vue自定义滚动条 支持ie9+）
程序猿小白的博客
03-11 675
前言：最近项目中 滚动条要支持自定义，支持 ie9，所以找到了这款插件 github地址：https://github.com/lx544690189/vue-gemini-scrollbar demo地址：https://lx544690189.github.io/vue-gemini-scrollbar/demo/01-body.html 参考: gemini-scrollbar https://github.com/noeldelgado/gemini-scrollbar 介绍 无需配置..
vue滚动条＜el-aside＞和＜el-scrollbar＞滚动条没有出现
毅香雪海的博客
12-07 1963
代码： <template> <div> <el-scrollbar style="width: 100%; height:100%"> <el-row v-for="(item, index) in imageViewList" :key="index" :gutter="3"> <el-col :span="8" v-for="(subItem, subIndex) in 12"> &
vue的IE兼容性问题
时霗的博客
04-14 553
文章目录vue的IE兼容性问题1.其他浏览器正常，IE加载空白页2.IE在对话框使用el-table的滚动条会卡顿3.其他浏览器正常，IE加载空白页总结 vue的IE兼容性问题     最近的项目需要兼容IE浏览器，下面是兼容IE遇到的一些问题 1.其他浏览器正常，IE加载空白页 解决方法：由于IE不支持localStorage，所以使用 sessionStorage 代替 localStorage。 2.IE在对话框使用el-table的滚动条会卡顿 解决方法：在
[Vue前端] el-table滚动条不显示问题的解决
zoEy的博客
10-20 2万+
代码： <el-table class="show_table" border :key="itemKey" :data="shopWindowTable" :header-cell-style="headerStyle" :row-style="{ height: '50px' }" :cell-style="{ padding: '2px' }" ..
Vue项目多浏览器兼容(主要是IE、360)
weixin_44086918的博客
09-22 6415
然而第二种情况就是你要使用某个这个插件的时候，同时你又在某个commonJS写的文件里使用这个插件时，babel会默认你这个文件是ES6的文件，然后就使用import导入了这个插件，从而产生了和第一种情况一样的混用错误。解决方法是在babel.config.js里配置unambiguous设置，让babel和webpack一样严格区分commonJS文件和ES6文件。找到后在vue.config.js中加入：里面的都是一个个插件名，注意写的是插件名。以上基本就可以了，如何还不行就是第三方插件的问题了。
vue 项目在ie浏览器的兼容问题
热门推荐
尹小姐的博客
06-26 5万+
不兼容是因为对es6不支持 一、关于babel-polyfill 1、说明：This will emulate a full ES2015+ environment and is intended to be used in an application rather than a library/tool. This polyfill is automatically loaded when u...
VUE2.0的浏览器兼容情况汇总
洪飞的博客
05-03 4万+
vue项目兼容IE浏览器
xm2by的博客
08-17 4万+
vue项目兼容IE浏览器 利用vue写出的项目打包后在IE浏览器下显示空白，是因为缺少babel-polyfill的缘故。 解决方法： 1、安装babel-polyfill包； 2、在main.js文件中引入babel-polyfill； 3、在webpack.base.config.js中将entry中的app: './src/main.js'配置改为：app: ['babel...
Vue 浏览器兼容性
yihanzhi的博客
12-19 1万+
vue支持所有兼容ECMAScript5的浏览器，因IE8不支持ECMAScript5特性，故IE8及其以下浏览器均不支持vue。 vue一般多用在移动端开发；因PC端存在浏览器兼容问题，应用较少。在不考虑IE8兼容性的情况下（譬如，内部使用系统），可以使用vue。 ...
关于vue项目中的兼容问题解决
zyq51的博客
09-23 4088
vue的兼容问题 在项目开始的时候，要先确定项目是否兼容到 IE8 及一下的版本，因为vue支持 IE8 以及更低版本 。 1、ES6语法不支持 ​ 解决方法： ​ 引入babel-polyfill ​ npm install --save bable-polyfill ​ webpack.base.conf.js中修改为 app: ['event-source-polyfill', 'babel-polyfill', './src/ma
vue iOS浏览器底部兼容问题
05-10
在Vue中，iOS浏览器底部兼容问题通常是由于移动端浏览器在滚动时会触发底部工具栏的显示/隐藏而引起的。为了解决这个问题，可以尝试以下几个方法： 1. 使用 `vue-touch-action` 库 该库可以帮助开发者控制触摸事件...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值