vue3 封装一个Tooltip 文字提示组件

效果图

 默认展示icon图标,悬浮展示文字

vue3 封装一个Tooltip 文字提示组件_第1张图片

如果slot有内容则展示对应内容 

vue3 封装一个Tooltip 文字提示组件_第2张图片 vue3 封装一个Tooltip 文字提示组件_第3张图片 

实现

用的是El-Tooltip组件

Element - The world's most popular Vue UI framework

组件代码





使用方法

//展示默认的提示图标

//带有内容

  
//内容

你可能感兴趣的:(vue.js,javascript,前端)