首页 > 编程知识 正文

vuejs实时消息框,vue js 扩展自定义控件

时间:2023-05-04 05:37:39 阅读:275106 作者:2392

fm: fullcalendar 官网中写的这个Tooltip 我实在是没办法使用 之前悬浮弹框是获取事件的xy 坐标来实现的 但是有一问题 就是事件的边缘的xy 会时而能获取到 时而获取不到 就造成了弹框闪烁 然后用了tippyjs 还是比较好用的

npm install --save tippy.js import tippy from 'tippy.js'//css根据需要去引入import 'tippy.js/themes/light.css';import 'tippy.js/animations/scale.css';

这个是tippyjs官网 https://atomiks.github.io/tippyjs/v6/themes/ 通俗易懂

//然后在这个方法中去使用 eventMouseEnter(e){ tippy(e.el, { animation: 'scale', content: '<strong>Bolded content</strong>', allowHTML: true, theme: 'tomato', placement: "top-start", // arrow: false, // 鼠标放在提示中提示不消失 interactive: true, });```

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。