组件设计
24篇文章 · 0订阅
  • 没有组件库支持可滑动切换Tabs？自己封装一个高级组件SlidingTab
    实现常见的移动端组件！可滑动Tabs， 常用组件库没有那我就自己封装一个！兼容ios滑动无法兼容smooth属性的问题
    掘金·日新计划 前端 Vue.js
  • el-form, el-table可编辑行表格与关联验证和异步验证
    说明 可编辑行表格说明： 通过代码控制每次只能编辑一行，避免性能问题 姓名：无验证规则 账号：必填且执行异步验证 邮箱：必填且必须时邮箱 确认邮箱：必填且必须时邮箱且两次邮箱必须输入的一样 效果 代码
    Vue.js
  • 实现vue选项卡Tabs组件
    概述 前端项目中，多数页面涉及到选项卡切换，包括路由切换，指令v-if等，本质上其实和选项卡切换思想差不多，如果是个简单的选项卡，还是很简单的，我们也不需要什么组件库的组件，自己也能几行代码写出来
    前端 Vue.js
  • elementui源码学习之仿写一个el-tabs
    知识点复习 为了更好的阅读后续代码，我们需要再来复习一下知识 vue中的render函数书写jsx语法 vue中我们写组件页面，常常是结构、逻辑、样式分离，如： 如果大家熟悉react语法，就会发现，
    Element Vue.js
    elementui源码学习之仿写一个el-tabs
  • 前端主题切换方案
    前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家
    前端 JavaScript Vue.js
    前端主题切换方案
  • Vue2 组件二次封装 Element UI El-Table
    本文基于早先写的 《Vue3 组件二次封装 Element Plus El-Table》。再用 Vue 2 + Element UI 重新实现一遍。实现思路不变，主要针对 Vue 2 缺少的特性和坑进
    Vue.js JavaScript 前端
  • 巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）
    问题描述 有一个简单的表格，产品要求实现双击可编辑 看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个
    Vue.js Element
    巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）
  • el-table合并列代码步骤讲解
    问题描述 有时候，产品让我们做的表格，会有合并列的功能，但是官方的demo略有不清晰，本文举个例子简述之。我们先看下效果图： 假设产品的需求是这样的：设备类别那一列，同类的，做成分堆形式，也就是合并列
    Element 前端
    el-table合并列代码步骤讲解
  • 不要再用json去封装element的表格了，用函数式组件去劫持它吧
    背景 系统有个整改需求，要求系统内的所有表格支持本地动态列显隐，拖拽排序列位置，固定列功能，涉及的页面很多 上效果图： 思路 其实最开始想的肯定是json配置表单的形式，再由循环出来的列去控制对应的位
    Vue.js 前端
  • 优雅使用el-table组件
    使用Vue业务开发中碰到最多的就是table，项目使用的是Vue+Element-ui, 正常写法如下，尝试过写过snippet每次快速复制粘贴，渐渐地有点写吐了，感谢网上的分享优雅的使用 element-ui 中的 table 组件，在此基础上进行了一些改进，如有写的不对的地…
    Vue.js