您现在的位置是：网站首页> 编程资料编程资料

Vue3编写气泡对话框组件_vue.js_

2023-05-24 741人已围观

简介 Vue3编写气泡对话框组件_vue.js_

Vue3气泡对话框组件，使用 TypeScript枚举限定类型，样式用到了 TailwindCSS

组件代码

  • 所有样式均使用 TailwindCSS。
  • 枚举类型 EnumPlacement 定义了气泡对话框的箭头位置。
  • 组件接收参数 placement，并用 PropType 结合枚举类型限制该参数的值。
  • 参数 placement 可以不传，默认值是 top-start，即箭头指向上方，位置在左端。

使用组件

展示效果

给组件传参 可以控制箭头位置。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：vue实现气泡运动撞击效果_vue.js_

下一篇：vue+echars封装气泡图的方法_vue.js_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网