开发者社区开发与运维文章正文

Vue 2.x使用ant-design-vue 1.6.2版本,jsx写法下弹出组件报ant-portal指令异常解决姿势

2022-05-14 362

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 今天遇到这个问题,我觉得有必要放出来.应该会有人遇到和我一样的问题,毕竟ant-design-vue的用户群体还是挺多的~~

前言

今天遇到这个问题,我觉得有必要放出来.

应该会有人遇到和我一样的问题,

毕竟ant-design-vue的用户群体还是挺多的~~

问题

异常图

基础条件

已经配置了按需加载
render jsx写法下引入这两类组件

解决

代码图

省事的写法就是在主入口Vue.use
不省事的写法就是到引用该组件的区域,引入vue再use

来源

仓库的维护者之一

文章标签：

JavaScript

关键词：

VUE.js组件

VUE.js指令

VUE.js版本

VUE.js jsx

crperx

34789737

3月前

JavaScript

Vue中如何实现兄弟组件之间的通信

在Vue中，兄弟组件可通过父组件中转、事件总线、Vuex/Pinia或provide/inject实现通信。小型项目推荐父组件中转或事件总线，大型项目建议使用Pinia等状态管理工具，确保数据流清晰可控，避免内存泄漏。

34789737

311 2 2

谢妹纸

6月前

人工智能 JavaScript 算法

Vue 中 key 属性的深入解析：改变 key 导致组件销毁与重建

谢妹纸

786 0 0

小宋1021

8月前

JavaScript

vue实现任务周期cron表达式选择组件

小宋1021

1019 4 4

我们是幸福一家人

6月前

JavaScript UED

用组件懒加载优化Vue应用性能

我们是幸福一家人

346 82 82

34789737

6月前

JavaScript 前端开发 UED

Vue 表情包输入组件的实现代码：支持自定义表情库、快捷键发送和输入框联动的聊天表情解决方案

本文详细介绍了在 Vue 项目中实现一个功能完善、交互友好的表情包输入组件的方法，并提供了具体的应用实例。组件设计包含表情分类展示、响应式布局、与输入框的交互及样式定制等功能。通过核心技术实现，如将表情插入输入框光标位置和点击外部关闭选择器，确保用户体验流畅。同时探讨了性能优化策略，如懒加载和虚拟滚动，以及扩展性方案，如自定义主题和国际化支持。最终，展示了如何在聊天界面中集成该组件，为用户提供丰富的表情输入体验。

34789737

488 8 8

34789737

6月前

JavaScript 前端开发 UED

Vue 表情包输入组件实现代码及详细开发流程解析

这是一篇关于 Vue 表情包输入组件的使用方法与封装指南的文章。通过安装依赖、全局注册和局部使用，可以快速集成表情包功能到 Vue 项目中。文章还详细介绍了组件的封装实现、高级配置（如自定义表情列表、主题定制、动画效果和懒加载）以及完整集成示例。开发者可根据需求扩展功能，例如 GIF 搜索或自定义表情上传，提升用户体验。资源链接提供进一步学习材料。

34789737

276 1 1

蓝易云

6月前

JavaScript API 开发者

Vue框架中常见指令的应用概述。

通过以上的详细解析，你应该已经初窥Vue.js的指令的威力了。它们是Vue声明式编程模型的核心之一，无论是构建简单的静态网站还是复杂的单页面应用，你都会经常用到。记住，尽管Vue提供了大量预定义的指令，你还可以创建自定义指令以满足特定的需求。为你的Vue应用程序加上这些功能增强器，让编码变得更轻松、更愉快吧！

蓝易云

122 1 1

34789737

6月前

JavaScript 前端开发 UED

Vue 项目中如何自定义实用的进度条组件

本文介绍了如何使用Vue.js创建一个灵活多样的自定义进度条组件。该组件可接受进度段数据数组作为输入，动态渲染进度段，支持动画效果和内容展示。当进度超出总长时，超出部分将以红色填充。文章详细描述了组件的设计目标、实现步骤（包括props定义、宽度计算、模板渲染、动画处理及超出部分的显示），并提供了使用示例。通过此组件，开发者可根据项目需求灵活展示进度情况，优化用户体验。资源地址：[https://pan.quark.cn/s/35324205c62b](https://pan.quark.cn/s/35324205c62b)。

34789737

252 0 0

爱心发电丶

8月前

存储 JavaScript 前端开发

基于 ant-design-vue 和 Vue 3 封装的功能强大的表格组件

VTable 是一个基于 ant-design-vue 和 Vue 3 的多功能表格组件，支持列自定义、排序、本地化存储、行选择等功能。它继承了 Ant-Design-Vue Table 的所有特性并加以扩展，提供开箱即用的高性能体验。示例包括基础表格、可选择表格和自定义列渲染等。

爱心发电丶

624 6 6

mao29955

前端开发 JavaScript 测试技术

Vue3中v-model在处理自定义组件双向数据绑定时，如何避免循环引用？

Web 组件化是一种有效的开发方法，可以提高项目的质量、效率和可维护性。在实际项目中，要结合项目的具体情况，合理应用 Web 组件化的理念和技术，实现项目的成功实施和交付。通过不断地探索和实践，将 Web 组件化的优势充分发挥出来，为前端开发领域的发展做出贡献。

mao29955

273 64 64

Vue 2.x使用ant-design-vue 1.6.2版本,jsx写法下弹出组件报ant-portal指令异常解决姿势

前言

问题

异常图

基础条件

解决

代码图

来源

热门文章

最新文章

相关课程

相关电子书

探索云世界

热门

云计算

大数据

云原生

人工智能

数据库

开发与运维

活动广场

任务中心

训练营

直播

乘风者计划

下载

镜像站

技术资料

Vue 2.x使用ant-design-vue 1.6.2版本,jsx写法下弹出组件报ant-portal指令异常解决姿势

前言

问题

异常图

基础条件

解决

代码图

来源

热门文章

最新文章

相关课程

相关电子书