随笔分类 - element-ui
el-table 统计行放在最前面
摘要：.el-table__body-wrapper, .el-table__fixed-body-wrapper{ margin-top: 54px; max-height: 510px; overflow-y: auto; } .el-table__footer-wrapper, .el-table_
阅读全文
el-table嵌套el-form
摘要：一、element的el-form和el-table嵌套使用 注意： 1.行内删除的时候要给el-table加上row-key属性，从而解决验证规则不会根据table动态变化的问题 要点： :model="addJsonForm" 给表单绑定数据，addJsonForm 是传入表单的数据对象 注意表
阅读全文
el-menu点击两下才收起或展开
摘要：default-openeds和default-active尽量不要同时存在，删掉default-openeds即可
阅读全文
使用element-ui的时候控制台报TypeError: Cannot read property 'disabled' of null错
摘要：1：当时用el-dropdown的时候没有使用子元素el-dropdown-menu就会报错，报如下图错误2：正确的使用方法就是没有子元素也要加上子元素el-dropdown-menu，就不会报如上图错误了。
阅读全文
element-ui中给input加单位符号
摘要：在input标签中加入 ： <i slot="suffix" style="font-style:normal;margin-right: 10px;">℃</i> <el-form-item label="温度:" class="layout"> <el-input v-model="form.t
阅读全文
Element-UI库 源码架构浅析
摘要：我们在系统地学习如何开发前端的SPA项目时，在搭建完脚手架之后，不得不绕开的一个框架那就是UI库。UI库是一套集成的前端页面UI组件，可以帮助开发者更好地搭建美观的网站，缩短开发周期。我最近花了很长时间整理了Element-ui库的源码架构细节，下面通过这篇长文分段分享给大家 系统架构 我们首先从R
阅读全文
优秀的基于VUE移动端UI框架合集
摘要：1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格 star 2.3k 中文文档 在线预览 2.vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k 基于webpack+vue-loader+vu
阅读全文
vant框架的select下拉框
摘要：vant似乎没有直接提供传统的select下拉框，我的意思是，单行单元格然后点击出现下拉框，样式和其他input统一。 今天做了一下，记录一下子，以免后面忘记 1.需求 input focus下出现下拉框，选中选项后 值绑定给field 2.html部分 圆圈处是控制底部抽屉是否显示 3.data和
阅读全文
element中el-cascader使用props设置value、label、children
摘要：从后端拿到arr数据结构： cityList: [ { id: 1, name: '北京', child: [ id: 11, name: '大兴区', child: [ id: 111, name: '亦庄' ] ] }]vue文件代码 <el-cascader :options="cityLis
阅读全文
ElementUI table标签如何让某一行默认展开
摘要：<template lang="html"> <el-table :data="tableData5" :row-key="getRowKeys" :expand-row-keys="expands" style="width: 100%"> <el-table-column type="expan
阅读全文
element-ui的el-tabel组件怎么使用type=“expand”实现表格嵌套并且在子表格没有数据的时候隐藏展开按钮
摘要：效果如下： 试过很多种办法，思路都在怎么控制<el-table-column type="expand">里面的type上，比如使用v-show等等，但是发现，要不就是展开图标全部没有，要不就是全部有，研究好久，终于想出来这么个办法： 使用getRowClass针对每一行添加类， getRowCla
阅读全文
elementUI Table组件实现拖拽效果
摘要：使用Element UI Table+Vue实现表格的拖拽。在GitHub上搜索了下发现Sortable这款插件挺不错的，Star14000+，而且还支持Vue等多种主流的前端框架，可谓是十分的强大。最重要的原因是，完全不依赖JQ。 Vue.Draggable，Vue版本的Sortable。拖拽后能
阅读全文
element el-upload自定义上传显示进度条，多文件上传进度
摘要：<template> <div> <el-upload class="upload-demo" ref="upload" :multiple="false" action="void" :http-request="customUpload" :on-remove="handleRemove" :o
阅读全文
100行代码实现vue表单校验功能(小白自编)
摘要：两个文件，一个写逻辑，一个写校验规则； 特点：逻辑简单，代码量少，够用； 不想看代码直接新建这两个文件复制代码，看最下面的使用方法； 示例图片 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
阅读全文
element-ui中validateField怎么验证部分表单字段的正确与否
摘要：validateField对部分表单字段进行验证的时候没有类似validate回调函数中的boolean值来判断验证是否正确，validateField中只有一个验证的prop值和一个回调函数，参数也没有相应的Boolean值来判断验证的prop是否正确，我想知道有什么办法可以判断选中的部分表单字段
阅读全文
Vue的elementUI实现自定义主题
摘要：使用vue开发项目，用到elementUI，根据官网的写法，我们可以自定义主题来适应我们的项目要求，下面来介绍一下两种方法实现的具体步骤，（可以参考官方文档自定义主题官方文档），先说项目中没有使用scss编写，用主题工具的方法（使用的较多） 第一种方法：使用命令行主题工具使用vue-cli安装完项目
阅读全文
element-ui的table列超出部分省略加悬浮提示
摘要：<el-table-column :show-overflow-tooltip="true"> </el-table-column>
阅读全文
ElementUI 修改默认样式的几种办法
摘要：ElementUI 是一套ui组件库，目前最新版本 react 和 vue 等主流框架都有支持。该库默认主题色是天蓝色，若用于项目开发，难免遇到要需求修改其默认样式的情况，本文就基于 react 和 vue 框架介绍几种修改 ElementUI 默认样式的办法。 ElementUI下载官网：http
阅读全文
如何在scoped不污染组件样式的前提下，实现el-input组件样式覆盖？
摘要：elementui+vue项目中，在当前vue文件中使用style scoped包裹的样式中重置input框的样式无法生效 方式：在本页面重新定义style样式且不需要写scoped即可生效 注意：为了不影响其他位置的元素样式，需要定义一个特定的class类名便于区分 <style> //修改inp
阅读全文
