程序员经验分享-hwhale

ant-design-vue IE浏览器 ES6的大坑

2023-10-31

单位项目别人做的，刚过来接受处理bug，其中有一个关于IE兼容的问题

前端框架用的是ant-design-vue，导航条的最后一个标签在IE上一直显示不出来，在其他浏览器上没有问题。于是乎各种搜，基本上都是加Babel的babel-polyfill，然后在入口处引入，这个是可以让IE浏览器兼容大部分的ES6语法，问题是加上之后仍然不显示。在这个过程中我是一直坚信是ES6语法部分没有转换的原因，很多文章也提到Babel只是转换部分语法，对API不做处理，才用babel-polyfill，结果就是仍然不行。IE浏览器也没有报错。

在打印每个标签对象的时候出现部分内容是和 Symbol有关的信息，例如：Symbol()_10.ps25p26a7a: undefined, Symbol()_12.8tupw0undo: undefined, Symbol()_15.l2nb6j0q9j: undefined

最后在搜Symbol相关的问题时看到有网友提到引用

https://cloud.tencent.com/developer/ask/115562

 <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js"></script>

加在入口index.html文件内果然可以了。渲染出来的DOM结构和chrome下的也一样了，不过关于Symbol的提示仍然存在，具体的哪一块就不得而知了。

 

 

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

前端开发

ES6

vuejs

web开发

ant-design-vue IE浏览器 ES6的大坑 的相关文章

  • 如何在 Nuxt 中点击链接下载文件？

    我遇到了一个边缘情况问题 如果用户浏览几条 Nuxt 路线 单击网站 徽标 这是一个锚标记返回主页 然后单击浏览器本机后退按钮 最后单击一个应该的链接要打开 pdf 它会重定向到我的 404 页面 如果用户在页面加载时单击 pdf 链接 它

  • 将 VueJs 组件添加到 Django 模板中

    我正在开发一个 Django 网站 我希望将一些 Vue 组件 散布 到 Django 渲染的模板中 我正在单个存储库中工作 并使用 webpack 设置来创建我在 Django 模板中使用的 style js 包 我正在努力让功能按照我想

  • 使用 Javascript 在前端创建基本 URL（开发、API 和生产）

    无论开发和部署如何 如何制作适用于 http https localhost 端口和实际域的基本 url 我想创建一个可以在所有场景或条件下工作的基本 url 无论 http https 协议 端口 本地主机和实际域如何 无论是在开发中还是

  • Vuejs ssr 检查用户是否针对每个请求进行了身份验证

    我正在为我的应用程序使用这个 ssr 样板 https github com vuejs vue hackernews 2 0 https github com vuejs vue hackernews 2 0 我不知道如何实现逻辑来检查每

  • Vue 3 控制台中的 Proxy 是什么意思？

    我正在对数组进行洗牌 并在控制台中收到一条奇怪的消息 我的 JSON 文件如下所示 id 1 name Sushi image https images pexels com photos 1640777 pexels photo 1640

  • 模拟安装挂钩 Jest 测试装置

    我正在对组件进行一些单元测试 但是 在某些组件中 我有一些东西在运行mounted使我的测试失败的钩子 我设法模拟了我不需要的方法 但是 我想知道是否有一种解决方法可以模拟mounted钩住自己 components attendeesLi

  • 在 ES6 中使用 import 和 require 的正确方法是什么？

    关于 import 和 require 及其差异有多个问题 像这些 JavaScript 中的 import 和 require 有什么区别 https stackoverflow com questions 51373933 what i

  • 如何在Vue中获取输入字段值

    我是 Vue 新手 我需要一些帮助来从输入字段获取值 在我的表格中 我有

  • 可以用vue-chartjs打印图表吗？

    我正在使用 vue chartjs 在网络应用程序上渲染图表 我知道如果您使用原始版本 您可以打印图表library https canvasjs com docs charts methods chart print 但是我不知道如何使用

  • npm run dev 和 npm run production 之间的区别

    我对 Laravel 和 vue js 很陌生 请让我知道它们之间有什么区别npm run dev and npm run production 这和环境有关系吗 npm run dev创建源映射并且不会缩小 js css 这使得调试和查找

  • Nuxt.js 多个资源的根路由和根级 slugs

    我正在使用 Nuxt 构建一个电子商务前端 我希望为尽可能多的资源提供根级 slugs 最重要的是目录路径和产品 URL 一个明显的方法是使用 Nuxt 文件结构进行路由创建 com category men Tshirt com cate

  • 未向导出的模块提供此上下文

    我对问题的提出感到不满意 受到鼓励提出改进建议 另外 请记住 由于无知 无知导致烦恼 我对问题的诊断可能有缺陷 对于那个很抱歉 In 这个答案 https stackoverflow com a 40893583 1525840建议使用th

  • 如何将 Jitsi Meet 添加到 Vuejs

    我已在 public html 的正文中加载了 jitsi meet 脚本 并且我有一个组件 如下所示

  • 在 Vue.js 中隐藏 div onclick

    以下 jQuery 的 Vue js 等价物是什么 btn click function hideMe hide jQuery 开箱即用 而 Vue js 则不然 要初始化 Vue js 组件或应用程序 您必须将该组件及其数据绑定到模板内的

  • Vue 3 Composition API 提供/注入在单文件组件中不起作用

    我正在使用 Composition API 在 VueJS 3 中创建一个库 我实现了提供 注入 如中所述docs https v3 vuejs org guide composition api provide inject html i

  • 如何在不使用变换或顶部/左侧的情况下转换列表中项目的位置

    有一天我偶然发现一个例子 https codepen io itslit pen gvKrMY它使用 Vue js 但我的问题更多是关于 Vue 用于实现状态之间转换的 CSS 和 HTML 卡片暂时获得等级 shuffleMedium m

  • 如何处理 Nuxt 中导致页面渲染崩溃的 apollo 客户端错误？

    我目前正在维护一个生产 Nuxt js Vue 应用程序 该应用程序集成了 GraphQL Apollo 客户端 该客户端遇到页面渲染错误 为了增加获得回复的机会 我构建了一个简单的代码示例 仅展示我们遇到的问题 谢谢大家 源代码 Clie

  • 在重复内容区域添加

    我有一个菜单组件 简单地说 它接受一个带有一系列选项的道具 并为每个选项在菜单中呈现一个项目 我希望能够根据用例自定义每个菜单项内的标记 因此我在菜单项元素内使用了占位符 你可以在这个中看到一个例子fiddle https jsfiddle

  • 将 CKEditor 5 与 nuxtjs 结合使用

    我正在尝试在我的 Nuxtjs 项目中导入 CKEditor 5 的自定义版本 并且我已经尝试了所有可能的方法来正确导入它 但没有一个对我有用 这是其中之一 let ClassicEditor let CKEditor if process

  • 如何获取 vuejs 组件单元测试中定义的“this”变量

    我正在尝试在 npm 脚本中使用 mocha webpack 来测试 vuejs 组件 我在测试中像这样嘲笑 vuex 商店 const vm new Vue template div div

随机推荐

  • c语言-循环打印星号图形*

    用两层循环 外层循环 控制行 行数 换行 内层循环 控制列 列数 列的符号 第一种效果图 为什么是j lt i 2呢 第一行以0计算 第一行星数为0 第二行为1计算 第二行星数为2 include

  • 【DP练习】美元DOLLARS

    1040 练习题目 美元DOLLARS Description 在以后的若干天里戴维将学习美元与德国马克的汇率 编写程序帮助戴维何时应买或卖马克或美元 使他从100美元开始 最后能获得最高可能的价值 Input 输入文件的第一行是一个自然数

  • Linux TOP CPU %wa 值的理解

    起因 近期阅读到Linux下显示CPU执行情况命令top的使用 网上搜索显示为 单位时间io占用cpu比例 cpu等待输入输出 cpu等待io的时间 起初看来 总觉得是io瓶颈或者是cpu负载率 仔细琢磨 总觉得哪里出了问题 跟进 因为IO

  • 深度优先遍历目录

    磁盘文件系统类型 ext2 ext3 ext4 深度优先遍历目录 include

  • Qt中.pro文件报错问题

    1 error No rule to make target C Program Files x86 Windows Kits 10 Lib 10 0 22621 0 um x64 User32d a needed by debug unt

  • Matlab中特征选择reliefF算法使用方法（分类与回归）

    1 ReliefF简介 ReliefF是特征选择的一种算法 在高维特征样本中 选取部分具有代表性的特征 从而降低样本特征维度 它也是relief算法的进阶 Relief算法只能用来做二分类 但其算法简单 效率高 结果不错 因此才有了其进阶算

  • 超详细！基于Proteus的出租车计价器实现（数字电路课程设计）

    本文阐述基于Proteus 7 8的出租车计价器电路的实现 附具体电路的工程文件下载 工程文件下载链接 设计要求 里程测量精确到1 按起步价7元 3公里 起步价外按1 4元 公里进行计价 等候按1 4元 10分钟计算 具有里程显示 收费显示

  • 浏览器全屏代码

    a href 屏幕切换 a

  • 常用分类算法的优缺点和相关评价指标

    算法 优点 缺点 Bayes 贝叶斯分类法 1 所需估计的参数少 对于缺失数据不敏感 2 有着坚实的数学基础 以及稳定的分类效率 1 假设属性之间相互独立 这往往并不成立 喜欢吃番茄 鸡蛋 却不喜欢吃番茄炒蛋 2 需要知道先验概率 3 分类

  • 力扣刷题-1371.每个元音包含偶数次的最长子字符串、前缀和、动态规划

    一 背景 和为k的子数组 给定一个整数数组和一个整数 k 你需要找到该数组中和为 k 的连续的子数组的个数 示例 1 输入 nums 1 1 1 k 2 输出 2 1 1 与 1 1 为两种不同的情况 来源 力扣 LeetCode 第560

  • 面试题-MQ

    一 RabbitMQ 二 ActiveMQ 部分问题 135 rabbitmq 的使用场景有哪些 136 rabbitmq 有哪些重要的角色 137 rabbitmq 有哪些重要的组件 138 rabbitmq 中 vhost 的作用是什么

  • orbslam2 Framebuffer with requested attributes not available QObject::startTimer: Timers

    orbslam2 Framebuffer with requested attributes not available Using available framebuffer You may see visual artifacts QO

  • Vue-Quill-Editor 简单修改字体大小和样式.(不改源码)

    实现效果图 vue cli的富文本Vue Quill Editor 使用前安装 npm install quill image resize module save npm install vue quill editor save 需要在

  • Python之列表生成式、生成器、可迭代对象与迭代器

    近日刷leetcode 为了更pythonic 不断练习列表生成式 看了大佬的总结觉得很清楚了 Python之列表生成式 生成器 可迭代对象与迭代器

  • android ScrollView 滚动到顶部

    有时候使用ScrollView 里边控件比较多的时候 打开界面 会滑到底部 如果要设置滑动到顶部 一般有两种方法 1 使用fullScrol scrollView fullScroll ScrollView FOCUS DOWN 滚动到底部

  • 中国“东数西算”——展望 CCN 无限发展可能

    大家好 我是晴天defi 这段时间有个词国内的小伙伴肯定对他非常耳熟 没错就是 东数西算 根据国家发改委等部门联合印发通知 将在全国八地启动建设国家算力枢纽节点 并规划了十个国家数据中心集群 至此 全国一体化大数据中心体系完成总体布局设计

  • spring-boot 集成mybatis的分页插件PageHelper和Generator (番外)

    分页插件PageHelper 参看了pagehelper spring boot 使用起来非常放方便 关于更多PageHelper可以点击https github com pagehelper Mybatis PageHelper 添加ma

  • 从零开始搭建物联网平台（五）服务端

    服务端采用Springboot JPA Mysql为基本框架 同时接入了EMQ JWT 微信认证 Lombook 的一些组件 一 框架搭建 使用IDEA创建项目 选择spring initializr 初始化SpringBoot项目 然后勾

  • 时序预测

    时序预测 MATLAB实现基于EMD LSTM时间序列预测 EMD分解结合LSTM长短期记忆神经网络 目录 时序预测 MATLAB实现基于EMD LSTM时间序列预测 EMD分解结合LSTM长短期记忆神经网络 效果一览 基本描述 模型描述

  • ant-design-vue IE浏览器 ES6的大坑

    单位项目别人做的 刚过来接受处理bug 其中有一个关于IE兼容的问题 前端框架用的是ant design vue 导航条的最后一个标签在IE上一直显示不出来 在其他浏览器上没有问题 于是乎各种搜 基本上都是加Babel的babel poly

热门标签