首页 > 技术文章 > vue项目使用element-ui的Tooltip 无效

wuxianqiang 2018-07-10 23:29 原文

我之前要使用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);

 

推荐阅读