360浏览器兼容模式下 iviewui select组件不显示

发布于 2022-09-11 15:30:09 字数 1852 浏览 20 评论 0

使用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浏览器版本

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

安静 2022-09-18 15:30:09

兼容模式跟你的IE版本有关,先确认你的IE版本

颜漓半夏 2022-09-18 15:30:09

兼容模式就算IE浏览器了。
先看下控制台保报错信息吧

岁吢 2022-09-18 15:30:09

你系统ie版本是几?
它这个兼容模式是跟着你ie版本走的 出现问题太正常了 操蛋的IE

与风相奔跑 2022-09-18 15:30:09

不如尝试用babel-polify编译一下?
图片描述

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文