vue中如何引入Ant Design of Vue
全局引入在【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);全局提示messag...
·
全局引入
在【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() {},
});
更多推荐
已为社区贡献5条内容
所有评论(0)