全局引入

在【main.js】添加以下代码:

import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.use(Antd)

按需引入

在【main.js】添加以下代码:

import { Button} from 'ant-design-vue'
Vue.use(Button);

全局提示message

在【main.js】添加以下代码:

import { message } from 'ant-design-vue'
Vue.prototype.$message = message;

在【test.vue】中:this.$message.error(‘111’)

按需引入时的confirm

在【test.vue】中:

import confirm from 'ant-design-vue/es/modal/confirm'
confirm({
       title: '提示',
        content: '确定保存设置吗?',
        okText: '确定',
        okType: 'info',
        cancelText: '取消',
        onOk() {},
        onCancel() {},
 });
Logo

前往低代码交流专区

更多推荐