首页 > 解决方案 > 使用 ant-design-vue 通知

问题描述

我无法让 ant-design-vue 通知(或消息)在我使用 vue-cli 3 创建的项目中工作。我使用的是https://vue.ant.design/components/notification/中的示例,但是不会出现通知。

在 GitHub 上对 ant-design-vue 问题做了一些研究后,我认为这可能是由于 ant-design-vue 本身的缺陷造成的。当调用全局渲染函数时,它似乎不支持通知消息,由 vue-cli 3 创建,如下所示:

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

我认为这是一个缺陷,因为这个问题:

https://github.com/vueComponent/ant-design-vue/issues/554

我相信如果我使用这种样式来创建我的 Vue 对象,ant-design-vue N​​otification 会起作用:

new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
})

但是,当我更改我的 main.js 以使用创建 Vue 组件的第二种样式时,我的 SPA 中没有呈现任何内容。所以我被卡住了 - 我不能使用 ant-design-vue 通知,因为我认为它不适用于渲染:h => h(App),我也不能切换我创建 Vue 应用程序的方式我认为适用于通知。

感谢帮助 - 我是 Javascript、Vue 和 Ant Design 的新手。

标签: vue.jsantd

解决方案



推荐阅读