前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >[Vue warn]: Failed to resolve directive: ant-portal (found in <Anonymous>)

[Vue warn]: Failed to resolve directive: ant-portal (found in <Anonymous>)

作者头像
李维亮
发布2021-12-12 14:22:11
8520
发布2021-12-12 14:22:11
举报
文章被收录于专栏:李维亮的博客李维亮的博客

最近在各种魔改一个老项目,遇到了一个这样的错误

directive01.png
directive01.png

Ant Design Vue 局部引入 Modal 组件方式

代码语言:javascript
复制
import {Row, Col, Button, Collapse, Icon, Modal, Input} from "ant-design-vue";
components: {
  AButton: Button,
  AInput: Input,
  ACollapse: Collapse,
  ACollapsePanel: Collapse.Panel,
  AIcon: Icon,
  AModal: Modal
},

开始看到 directive 以为写的自定义指令有问题,后来查了下是由于modal局部引用导致的,所有要把Modal已use的方式来注册就好了,代码如下

代码语言:javascript
复制
import Vue from 'vue'
import {Modal} from "ant-design-vue";
Vue.use(Modal)
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-12-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档