V-数据表(Vuetify)不适用于ie11。
V-数据表(Vuetify)不适用于ie11。
提问于 2020-05-13 13:04:59
我用vuejs和lighttpd
因此，不能使用npm、require和import。
我想使用vuetify的v-数据表
页脚编号不出现在ie11中
你能解决这个问题吗？
我用的是巴贝尔-聚脂
cdn是：https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.8.7/polyfill.min.js。
如果cdn是错的，让我知道什么是正确的。
谢谢你的帮助
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-05-14 05:45:46
CDN IE填充是正确的。请检查您的代码，并尝试添加多填充引用之前的认证参考。并且，检查Vue data 属性，我们可以如下所示设置数据属性：
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.8.7/polyfill.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script>
<script>
new Vue({
el: '#app',
vuetify: new Vuetify(),
data: {
singleSelect: false,
selected: [],
headers: [
{
text: 'Dessert (100g serving)',
align: 'start',
sortable: false,
value: 'name',
},
{ text: 'Calories', value: 'calories' },
{ text: 'Fat (g)', value: 'fat' },
{ text: 'Carbs (g)', value: 'carbs' },
{ text: 'Protein (g)', value: 'protein' },
{ text: 'Iron (%)', value: 'iron' },
],
desserts: [
{
name: 'Frozen Yogurt',
calories: 159,
fat: 6.0,
carbs: 24,
protein: 4.0,
iron: '1%',
},
{
name: 'Ice cream sandwich',
calories: 237,
fat: 9.0,
carbs: 37,
protein: 4.3,
iron: '1%',
},
{
name: 'Eclair',
calories: 262,
fat: 16.0,
carbs: 23,
protein: 6.0,
iron: '7%',
},
{
name: 'Cupcake',
calories: 305,
fat: 3.7,
carbs: 67,
protein: 4.3,
iron: '8%',
},
{
name: 'Gingerbread',
calories: 356,
fat: 16.0,
carbs: 49,
protein: 3.9,
iron: '16%',
},
{
name: 'Jelly bean',
calories: 375,
fat: 0.0,
carbs: 94,
protein: 0.0,
iron: '0%',
},
{
name: 'Lollipop',
calories: 392,
fat: 0.2,
carbs: 98,
protein: 0,
iron: '2%',
},
{
name: 'Honeycomb',
calories: 408,
fat: 3.2,
carbs: 87,
protein: 6.5,
iron: '45%',
},
{
name: 'Donut',
calories: 452,
fat: 25.0,
carbs: 51,
protein: 4.9,
iron: '22%',
},
{
name: 'KitKat',
calories: 518,
fat: 26.0,
carbs: 65,
protein: 7,
iron: '6%',
},
],
}
})
</script>然后，添加以下样式来修复数据表页脚问题
<style>
.v-data-footer__select {
flex-basis: auto;
}
.v-data-footer__select .v-select {
flex-basis: 50px;
}
.v-data-footer__select .v-select .v-select__selections {
flex-basis: auto;
min-width:25px;
}
.v-list-item__content {
flex: 1 1 auto;
min-width: 50px;
}
</style>IE浏览器结果(整个示例代码)：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61775417
复制相关文章
相似问题
腾讯云开发者
