随笔分类 - ElementUI
记录elementUI的使用的一些技巧
摘要：如何使用 ElementUI 自定义分页呢？ 尽管ElementUI比较全面的提供了分页，但实际开发中的需求是多种多样的。比如我需要把下图中的下拉选择每页的数据条数，换成可以手动输入的形式，并且把他的位置放到前往xx页的左边位置。 实现代码如下： <!-- 分页 --> <el-pagination
阅读全文
摘要：在使用 elementUI 的 el-cascader 级联选择框进行省市联动效果时，有这么一个需求：该级联选择框一共有三级结构分别为国家-省份-城市，国家和省份为必选项，城市为可选项。具体实现如下： el-cascader 设置最后一级可选 可通过 props.checkStrictly = tr
阅读全文
摘要：今天遇到了一个需求：进行级联选择框的表单验证，突然有点懵逼。感觉应该和正常的表单验证类似，但不是很清晰，后来还是在博客园找到了相关参考文章。 先上代码： <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100
阅读全文
摘要：遇到个问题就是其中有个要展示的数据来自接口返回的两个字段。 原用法是： 原以为prop=" "中只能放一个字段的数据,想放两个字段数据的话，要把 <el-table-column></<el-table-column> 标签再用 <template></template> 标签包裹才行如下： <el
阅读全文
摘要：el-table表格的代码： <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el
阅读全文
摘要：<el-form :model="form" :rules="rules"> <el-form-item prop="input"> <el-input v-model="form.input"></el-input> </el-form-item> </el-form> 如上面的代码 1、标签绑定
阅读全文
摘要：ElementUI是一款非常强大的前端UI组件库，它默认定义了很多美观的样式，但是我们在实际开发过程中不可避免地遇到需要修改ElementUI默认样式。下面总结了几种修改默认样式的方法。 1. 新建全局样式表 新建 global.css 文件，并在 main.js 中引入。 global.css 文
阅读全文
摘要：更多关于修改ElementUI样式的方法，可以参考这篇文章 1.删除style标签中的 scoped 属性 <style lang="lang" scoped> ... </style> 2.在对应el-form-item的label属性中加入class样式 <el-form-item label=
阅读全文
