在我正在研究的网站上,我遇到了渲染问题,我无法弄清楚.
我已经玩过边缘,定位,z指数等等,但是没有任何帮助.
它只发生在IE8中(在Windows XP下,不知道是否在更新的操作系统上).我知道IE8有点不赞成,但因为页面的其余部分显示得很好,我也想支持它,因为我的一些访问者可能已经安装了它.
如果您查看页面,可以在使用IE8时快速识别问题:http: //kunden.tommy-computer.at/fsv_noetsch/
以下是现代浏览器中的菜单标题,如FF/Chrome/Opera/IE> 8:

这是他们在IE8中的样子(错误):

我怎么能摆脱它.请帮忙,不知道为什么会这样.非常感谢你 !
我正在使用Vuetify的1.5.6版本(在Laravel 5.8后端和VueJs 2.5.17上感到沮丧),并将文档中的DatatableComponent示例之一(https://vuetifyjs.com/en/components/data-tables)放入我的应用程序采用了我的要求。但是,我没有做很多更改,但是当它在我的应用程序中运行时,每次datatable呈现时都会出现以下错误:
属性或方法“ props”未在实例上定义,但在渲染期间被引用。通过初始化属性,确保该属性在data选项中或对于基于类的组件都是反应性的。请参阅:https : //vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties。在TransactionComponent中
当我在Codepen上尝试完全相同的代码时,它可以正常工作:https ://codepen.io/anon/pen/Rdjjgx
在我的本地应用程序上,我具有以下结构(与上述示例的唯一区别是,组件本身是通过VueJs路由器而不是通过模板加载的):
TransactionComponent.vue:
<template>
<v-card>
<v-card-title>
Transaktionen
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="search"
label="Suche..."
single-line
hide-details
></v-text-field>
</v-card-title>
<v-data-table
:headers="headers"
:items="transactions"
:search="search">
<template v-slot:items="props">
<td>{{ props.item.date }}</td>
<td class="text-xs-right">{{ props.item.type }}</td>
<td class="text-xs-right">{{ props.item.remark }}</td>
<td class="text-xs-right">{{ props.item.plane }}</td>
<td class="text-xs-right" v-bind:class="{'color':(props.item.fee > 0 ? '#0F0' : '#F00')}">{{ props.item.fee }}</td>
</template>
<v-alert v-slot:no-results :value="true" color="error" icon="warning">
Ihre Suche für "{{ search }}" brachte keine Ergebnisse.
</v-alert> …Run Code Online (Sandbox Code Playgroud)