最近在各种魔改一个老项目,遇到了一个这样的错误
Ant Design Vue 局部引入 Modal 组件方式
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的方式来注册就好了,代码如下
import Vue from 'vue'
import {Modal} from "ant-design-vue";
Vue.use(Modal)