Vuetify.js - IE11不显示带有babel-polyfill的数据表
我使用package.json (npm)在laravel环境中安装了babel-polyfill。我正在使用vuetify生成表。然而，当在IE11中打开渲染表格的页面时，表格出现了，但所有的列都消失了(所有的列都合并成了一个单独的列)，我无法与数据表进行交互(我有行点击事件，这些事件在Chrome，Firefox和Edge中工作得很好)。我需要任何额外的填充包装吗？
Package.json：
"devDependencies": {
...
"babel-polyfill": "^6.26.0",
...
}app.js：
import babelPolyfill from 'babel-polyfill';
import Vuetify from 'vuetify'
window.Vue = require('vue');
Vue.use(vueResource);
Vue.use(Vuetify);谢谢你的帮助！
编辑:事实证明这是一个bug。它似乎已经在版本1.5.5中得到了修复。
回答 3
Stack Overflow用户
发布于 2019-02-26 16:17:53
正如扎克所说，几乎没有对E11的支持。Polyfill support is there，但缺乏对CSS的支持。
如果你看看浏览器的统计数据，只有一小部分人还在使用它。如果可以，您应该放弃支持。
将新技术与非常旧的程序一起使用往往会导致问题。
Stack Overflow用户
发布于 2019-03-05 16:28:02
用于新项目的(使用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和Safari9：
npm install babel-polyfill --save然后，您必须更新main.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支持，因此您必须通过在vue.config.js中手动添加transpileDependencies参数来手动配置它
// vue.config.js
module.exports = {
transpileDependencies:[/node_modules[/\\\\]vuetify[/\\\\]/]
}就是这样，它应该可以工作了。享受:)
结果：
Stack Overflow用户
发布于 2020-01-08 23:56:28
您可能在Vuetify主题选项中将customProperties设置为true。它使用了IE 11中没有实现的css-vars，因此没有显示任何颜色。将customProperties设置为false为我解决了类似的问题。
https://stackoverflow.com/questions/54761547
复制相似问题
腾讯云开发者
