其他分享
首页 > 其他分享> > vue日记之可展开的消息气泡

vue日记之可展开的消息气泡

作者:互联网

项目小需求之聊天气泡可展开内容


难点

  1. 动态获取控件并获得高度
  2. 动态定位可展开按钮
  3. 每次获取信息的时候必须循环遍历初始化

过程

  1. 先把循环展示的控件的key绑定为唯一值(很重要,后面功能实现不了浪费很多时间就是这个bug,搞得我心态爆炸
  2. 选择在哪个事件进行循环遍历,这里我选择在了时间信息调整上(这个功能我以后可能会写日记,这是实现效果
  3. 给控件绑定个唯一值之后,通过id获取该控件,并且通过offsetHeight属性获取高度,判断过于200px就进行可展开选择
  4. 写个可展开的标签,并且通过上面控件得到的offsetWidth进行动态定位,并且赋予可展开该标签的功能
  5. 进行用户区分动态定位,这里是less样式

收获

标签:控件,vue,绑定,展开,key,动态,日记,气泡
来源: https://www.cnblogs.com/MxMicah/p/15109996.html