组件
6篇文章 · 0订阅
  • 这样封装echarts超级简单好用
    为什么要去封装echarts？ 我们将实现以下这些功能 父组件传递X轴和Y轴数据以及自动显示暂无数据 子组件 props中的数据更新后为什么视图没有重新渲染？ watch来解决数据变化后视图立即更新
    掘金·金石计划 前端 Vue.js
    这样封装echarts超级简单好用
  • Vue3+Element Plus 二次封装el-table
    序 最近终于学完Vue3的新语法，试着用Vue3+Element Plus做些小demo 开始 新建Vue3+TS项目，并安装Element Plus 在main.ts引入Element Plus 在
    前端 Vue.js Element
    Vue3+Element Plus 二次封装el-table
  • 基于element-ui库的el-dialog二次封装弹窗组件
    会出问题的地方就是在于在组件里面把弹窗关闭了，也要同步通知到父组件。 这里用.sync修饰符可以很方便的做到。具体看代码了 原文链接：https://blog.csdn.net/laishaojian
    Element 前端
  • 使用vue3.x + typescript + tsx基于element-plus开发一个搜索组件（上）
    简介 由于业务需要，本人需要开发一个基于element-plus的表单组件集成的搜索组件（效果如下图），效果为通过对组件以JSON Schema的方式传入配置项的json达到动态渲染的效果。本文主要记
    Vue.js TypeScript
    使用vue3.x + typescript + tsx基于element-plus开发一个搜索组件（上）
  • vue封装的可视化滚动表格组件
    前言 在大屏数据可视化方面，我们经常会使用到表格组件，这次封装的是不带分页的表格组件，对于长列表表格，我们采用的是滚动轮播的形式向下滚动展示表格数据。
    Vue.js 前端
  • 手写一个超出显示更多，点击可以收起的限制行数组件
    先通过offsetHeight获取'...更多'这个Dom节点的高度moreDom，以它为标准，然后通过offsetHeight获取该组件本身'this'的高度，比如限制了只能显示3行(maxRow=3)，这个时候就可以比较高度来判断是否显示'...更多'这个按钮，通过this…
    前端