使用iviewui
select
组件,在360浏览器,极速模式正常显示,兼容模式下有的显示有的不显示而且还都不能点击了。
下图是极速模式,显示正常:
下图是兼容模式,显示不正常:
代码:
<Form :ref="searchForm" :label-width="100" inline>
<FormItem :label="$t('search.label3.title')">
<Select v-model="searchForm.channelId" style="width:162px;" :placeholder="$t('search.label3.placeholder')">
<Option v-for="item in channelList" :value="item.id" :key="`search-col-${item.id}`">{{ item.name }}</Option>
</Select>
</FormItem>
<FormItem :label="$t('search.label4.title')">
<Select v-model="searchForm.auditStatus" style="width:162px;" :placeholder="$t('collection_lang.search.label4.placeholder')">
<Option value="AuditPass">{{$t('common.status.AuditPass')}}</Option>
<Option value="AuditNotPass">{{$t('common.status.AuditNotPass')}}</Option>
<Option value="Auditing">{{$t('common.status.Auditing')}}</Option>
<Option value="WaitSubmit">{{$t('common.status.WaitSubmit')}}</Option>
</Select>
</FormItem>
</Form>
这种兼容问题,该怎么解决?
补充:
报错信息:
[Vue warn]: Error in render: "TypeError: 对象不支持“includes”属性或方法"
系统ie浏览器版本
不如尝试用babel-polify编译一下?
