0
  1. 我的问题
$ npm install @vue/cli
$ vue create front_end
$ cd front_end
$ npm install ant-design-vue

用以上代码生成一个antd-Vue的项目后,我根据官网的文档,Fully import antd(代码如下)

import Vue from 'vue/dist/vue.js'
import Antd from 'ant-design-vue'
import App from './App'
import 'ant-design-vue/dist/antd.css'
Vue.config.productionTip = false

Vue.use(Antd)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
})

之后在使用Tooltip,Drawer等相关组件的时候无效

  1. 问题图片

不正常的情况

而正常情况下应该是

clipboard.png

  1. 推测及已经采取的措施:

在使用带有Tooltip的Menu组件时发现渲染出来的页面没有class="ant-menu-submenu-placement-TopRight"的div,怀疑时渲染环节的问题。

尝试了官网上面的其他代码,发现具有相似视觉效果的Message、Notification组件可以正常使用。

在前辈的建议下重新执行了第一部分的shell建立了新的项目,但情况未发生改变。

2019-03-08 提问
1 个回答
1

项目中的 import Vue from 'vue/dist/vue.js'
改成 import Vue from 'vue'

撰写答案

推广链接