elementui源码学习之仿写一个el-message

发布时间:2022-12-08 16:30

问题描述

工作中虽然使用工具库很快乐很高效,但我们还是要抽空看看工具库的源码,因为源码中会用到一些不经常使用的api方法,记住这些api方法,可提升自己的编程能力,有助于以后封装自己的工具库,从而更好的实现一些需求。

需求分析

组件封装之前,我们要想一下要封装的这个组件的应用场景和使用需求有哪些,以此为突破口,便于更好的实现代码逻辑

应用场景和需求:消息提示

愚以为,message主要是信息提示,应用场景在于用户执行了一些操作,是否成功或失败之类的交互反馈。所以,我们可以定义这个要封装的组件有以下需求:

  • 需要可以输入信息文字 message参数
  • 需要message信息的类型反馈(成功反馈、警告反馈、错误反馈、普通信息反馈)type参数
  • 需要提示完以后,可以设定默认消失时间 duration参数
  • 当鼠标悬浮的时候保留这个消息提示,不让其消失 定时器timer参数
  • 其他诸如 提示小图标的类型和文字是否居中 之类的

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号