vuetify.js-ie11不显示带有babel polyfill的数据表

正如zach所说,几乎没有对e11的支持。 Polyfill support is there 但是css支持是缺乏的。

如果你看一下浏览器的统计数据,只有少数人还在使用它。 如果你能的话,你应该放弃支持。

在一个非常旧的程序中使用新技术往往会引起问题。

对于新项目(使用vue cli v3)

npm install @vue/cli -g

vue create my-app

vue add vuetify

对于现有应用:

npm install vuetify --save

更新 main.js 如下:

import Vue from 'vue'
import Vuetify from 'vuetify'

Vue.use(Vuetify)

还可以添加默认样式:

// index.js or main.js
import 'vuetify/dist/vuetify.min.css' // Ensure you are using css-loader

或

// main.styl
@import '~vuetify/src/stylus/main' // Ensure you are using stylus-loader

IE 11和Safari 9支持:

npm install babel-polyfill --save

然后必须更新 MIN JS 如下:

// my-project/src/index.js
import 'babel-polyfill'
...
new Vue()

如果您的项目尚未包含babel preset env,则应按如下方式添加它:

npm install @babel/preset-env --save-dev

更新 .babelrc

// .babelrc
{
  "presets": ["@babel/preset-env"]
}

重要步骤:

vue cli v3不会自动引入ie11支持,因此您必须手动配置它,以便通过手动添加 transpileDependencies 参数在 vue.config.js

// vue.config.js

module.exports = {
  transpileDependencies:[/node_modules[/\\\\]vuetify[/\\\\]/]
}

就这样,应该管用。享受:

结果: