执迷 执迷
首页
  • 技术分享

    • 小白都能看懂的闭包
    • GO-GMP模型
    • MySQL调优
    • centos7部署nacos
    • elasticserch
    • redis
  • 发布一个node插件

    • 发布一个npm包
    • 如何打包一个插件工具库
    • 打包工具的选择
  • JavaScript
  • ES6
  • CSS
  • 框架
  • Node
  • 服务
  • 其他
自我介绍
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

执迷

代码也是艺术
首页
  • 技术分享

    • 小白都能看懂的闭包
    • GO-GMP模型
    • MySQL调优
    • centos7部署nacos
    • elasticserch
    • redis
  • 发布一个node插件

    • 发布一个npm包
    • 如何打包一个插件工具库
    • 打包工具的选择
  • JavaScript
  • ES6
  • CSS
  • 框架
  • Node
  • 服务
  • 其他
自我介绍
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • JavaScript

  • ES6

  • CSS

  • 框架

  • Node

  • 服务

  • 其他

    • 编程概念
    • 打包工具
    • 关于前端接口管理的一些思考
    • 开发环境
    • 浏览器兼容问题
    • 前端单元测试
    • 前端资源
    • 实用代码段
    • 书籍
    • 造轮子思路
    • 造轮子思路二
      • tabs组件
      • popover组件
      • toast组件
    • 自定义组件
    • ajax
    • git笔记
    • iview踩坑记
    • sass
    • webpack原理跟配置
    • Canvas
    • opengraph
  • 设计模式

  • web3

  • react

  • 学习笔记
  • 其他
执迷
2022-05-15
目录

造轮子思路二

# VUE轮子

# tabs组件

tabs组件核心在于组件之间的通讯,我使用的是eventBus来做组件通讯

  • bus定义到全局(在eventBus中,bus本身就是vue对象本身)
  • 然后在组件中,可以使用 $emit, $on, $off 分别来分发、监听、取消监听事件

# popover组件

popover组件常见的写法是气泡框用v-show来隐藏在按钮附近,我参考了其他热门的组件库使用了v-if来写并且气泡框不依赖按钮,而是在body.append接入气泡元素,这里的难点在于气泡如何获取精准的按钮位置并且显示出来。

# toast组件

与popover组件同理,但我用了vue的plugin插件来实现$toast这个方法。

#组件#封装
上次更新: 2024/07/21, 21:46:04
造轮子思路
自定义组件

← 造轮子思路 自定义组件→

最近更新
01
MySQL调优 原创
08-04
02
MySQL底层 原创
07-30
03
consul单台机器部署,注册外网服务健康检查 原创
07-30
更多文章>
Theme by Vdoing | Copyright © 2019-2024 执迷 | 闽ICP备2022018045号 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式