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

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)

标签: none

添加新评论