vue项目使用element-ui的Tooltip 无效

我之前要使用vue开发一个项目，使用到了element-UI的Tooltip 组件

<el-tooltip class="item" effect="dark" content="Top Left 提示文字" placement="top-start">
      <el-button>上左</el-button>
</el-tooltip>

通过按钮hover的时候本应该显示文字提示，但是并没有提示

 

分析原因：发现是webpack打包使用到的插件受到的影响：链接文章

 

解决办法：在vue文件中单独引入文件，单独注册组件即可

import { Vue } from 'vue';
import { Popover } from 'element-ui';
Vue.use(Popover);

 

转载于:https://www.cnblogs.com/wuxianqiang/p/9292103.html