Document
拖动滑块完成拼图
首页 专利交易 科技果 科技人才 科技服务 国际服务 商标交易 会员权益 IP管家助手 需求市场 关于龙图腾
 /  免费注册
到顶部 到底部
清空 搜索

一种基于Element Tooltip文字提示的单例实现方法 

买专利卖专利找龙图腾,真高效! 查专利查商标用IPTOP,全免费!专利年费监控用IP管家,真方便!

申请/专利权人:北京白龙马云行科技有限公司

摘要:本发明涉及一种基于ElementTooltip文字提示的单例实现方法,具体涉及鼠标hover时提示信息展示领域,在Vue.js实例项目中引入ElementUI组件库,利用el‑tooltip组件创建统一入口节点,扩展el‑tooltip组件的功能并增强灵活性,利用refName参数获取Vue.js实例项目对应的el‑tooltip组件的实例,将getTooltipVm函数返回获取的el‑tooltip组件的实例,布置onmouseover事件监听器以及onmouseout事件监听器,捕捉鼠标移入和移除元素的事件。

主权项:1.一种基于ElementTooltip文字提示的单例实现方法,其特征在于,具体包括以下步骤:S101.在Vue.js实例项目中引入ElementUI组件库,利用el-tooltip组件创建统一入口节点;S102.利用getTooltipVm函数接收参数,利用refName参数获取Vue.js实例项目对应的el-tooltip组件的实例,将getTooltipVm函数返回获取的el-tooltip组件的实例;S103.布置onmouseover事件监听器以及onmouseout事件监听器,捕捉鼠标移入和移除元素的事件,利用onEvent函数对焦点事件处理绑定到特定的DOM元素并执行相应的逻辑,针对mouseenter事件利用setReference函数接收为当前触发鼠标移入事件元素的参数;S104.创建临时DOM元素并通过caclTextWidth函数接收为需要计算文本长度的文本字符串的参数,根据临时DOM元素通过calcWidth函数接收为需要计算宽度相关之的DOM元素的参数;S105.调用Element内部的方法监听处理ElementUI组件的事件并完成el-tooltip组件显示逻辑和隐藏逻辑。

全文数据:

权利要求:

百度查询: 北京白龙马云行科技有限公司 一种基于Element Tooltip文字提示的单例实现方法

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。