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

2021-12-12 14:22:11 浏览数 (2)

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

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)

0 人点赞