vue中element ie9的兼容问题

可能的原因1，element-ui 中使用了 display: flex; 样式，IE9不支持次样式，解决方法为，排查下各组件，避免使用带 display: flex; 的组件
可能的原因2，IE9浏览器过于老旧，单文件最大行数超过一定限制将不再读取后边的内容，因此可以尝试分割css文件和打包的js文件
1. 分割js文件，最好的方法是采用vue的路由懒加载，这样打包时，vue-loader会把每个路由对应的js文件打包在一起。同时注意组件的合理划分，避免单组件体积过大，并提高组件的复用性
2. 分割css文件，通过yarn add css-split-webpack-plugin -D安装css-split-webpack-plugin包来分割组件，修改webpack.prod.conf.js文件
```
  // 引入依赖var CSSSplitWebpackPlugin = require('css-split-webpack-plugin').default// 在css打包插件后面新增css分割插件new ExtractTextPlugin({filename: utils.assetsPath('css/[name].[contenthash].css')}),// 新增的css分割插件new CSSSplitWebpackPlugin({size: 4000,filename: utils.assetsPath('css/[name]-[part].[ext]')}),
```

vue中element ie9的兼容问题相关推荐

在vue中element ui 结合frappe-gantt实现一个简单的甘特图功能
在vue中创建甘特图步骤请参考: https://editor.csdn.net/md/?articleId=130145782 2. 结合element ui 实现甘特图功能实现效果: 2.1 下 ...
vue中element国际化语言切换
一. 安装依赖 npm install vue-i18n 二. 创建文件在src目录下先创建一个lang 文件夹,再创建两个js文件en.js(英文), zh.js(中文), 另外创建一个index ...
vue中element自定义主题
仅替换主题色单纯的只是想换个主题颜色请参考ElementUI官网的自定义主题. 链接: https://element.eleme.cn/#/zh-CN/component/custom-theme ...
html 字体兼容ie,vue中使用@font-face(字体兼容IE、微信内置)
字体转换字体转换通过上面的网站将获取到eot,svg,ttf,woff文件格式的字体方式一步骤一在src/assets中新建fonts文件夹,将字体放入其中. 步骤二在src/assets ...
vue中element ui 中tree组件怎么自定义前缀图标呢?
一问题饿了么ui 默认的图标样式是: 1. 一个箭头, 展开自动顺时针旋转90°, 以上的条件是该节点有子节点, 2. 如果是没有子节点的节点, 是默认空白图标的(这里我认为他不是没有, 而是有占 ...
Vue中怎样引入Element
引入Element 完整引入在vue项目下的src下的main.js中加入 import Vue from 'vue'; import ElementUI from 'element-ui'; im ...
vue中实现文字超过2行... 展开-收起(兼容ie)
先看看实际效果 2.需求一步一步分析当文字超出省略号就想到css样式实现(ie不兼容) overflow: hidden; text-overflow: ellipsis;display: -we ...
Vue：Vue的element组件中的el-row的属性gutter什么意思？
Vue:Vue的element组件中的el-row的属性gutter什么意思? 资源 gutter elementui中gutter和offset的区别
Element组件引发的Vue中mixins使用，写出高复用组件
我们都知道 Vue 采用的是一种组件化开发模式,组件在 Vue 中一个非常重要的核心概念.每个组件都是一个完整的实例,组件的创建,组件间的通讯,组件如何更好的复用,以及整个的生命周期的钩子.所以你会发 ...

vue中element ie9的兼容问题

vue中element ie9的兼容问题相关推荐

最新文章

热门文章